
ANTEPRIMA: IBM DB2 VI PER 

IL DATABASE DI BIG BLUE CON SUPPORTO 
NATIVO A XML, MA ANCHE TANTO ALTRO... 
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VIRTUALE 

SUBITO NEI TUOI SOFTWARE 

Muovi finestre e icone a distanza, usando 
una piccola sorgente luminosa e una webcam. 
In pieno stile "MINORITY REPORT" 

Scopri le librerie Grafiche Intel 
OpenSource Computer Vision Library 

Acquisisci il punto luce 
con la telecamera e isolala 
dai disturbi dello sfondo 

Aggancia i movimenti della fonte 
luminosa a quelli del mouse e fallo 
muovere senza toccarlo 

RITORNO AL TURBO 
PER BORLAND 





<? IN PIÙ LA VIDEOGUIDA NEL CD 



Scopri tutte le novità del nuovo compilatore C# e realizza 
un'applicazione completa in pochi minuti usando ECO 



CREA IL TUO 
BROKER DI BORSA 

Scarica i dati da internet, 
elaborali ed il tuo consulente 
personale è pronto! 

PRENDI I DATI 
DALLE FOTO 

Utilizza EXIF per estrarre 
informazioni come la data di 
scatto e l'esposizione 

ECLIPSE IN 7 PASSI 

Inizia subito a programmare 
con l'ambiente che ti rende 
più semplice la vita 



NOVITÀ 



US 7.0 UN CERBERO 
PER LA SICUREZZA 

Ecco i nuovi moduli del Web 
server di MS. Scopri come 
rendono il tuo sito inattaccabile 



ALGORITMI 



DIVIDERE BENE 
LE RISORSE 

Avete 5 scialuppe di salvataggio 
e 50 persone, come li distribuite 
affinché il peso sia omogeneo? 



STRUMENTI 



REVISIONI 
SOTTO CONTROLLO 

Impara a usare SubVersion il 
software che tiene traccia delle 
modifiche che fai al tuo codice 



ASP.NET 



DOTIMETIMUKE IL 
PORTALE "PRECOTTO" 

Ecco come installare un CMS in pochi 
minuti ed estenderlo con moduli 



.NET FRAMEWORK 



DISTRIBUIRE 
APPLICAZIONI OFFICE 

Facciamolo con ClickOnce e ogni eventuale 
aggiornamento sarà automatico! 



IsoLuziomi 




Algoritmi evolutivi, ovvero sviluppare software 
che autoapprende dalle proprie esperienze 
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TEMPO DI RIPRESA 



Così in Europa si prospettano anni migliori per l'e- 
conomia. Non che in precedenza la consueta frase 
"C'è una timida ripresa" non fosse di casa negli 
ambienti dei mercati che contano, tuttavia questa 
volta sembra essere pronunciata con maggiore 
convinzione. Da un'eventuale ripresa dell'economia 
proprio noi programmatori potremmo trarne enor- 
mi vantaggi in fatto di commesse. Di fatto è sempre 
il settore tecnologico quello che per primo viene 
aggiornato quando c'è la possibilità di effettuare un 
investimento. Il segnale di quanto questo possa 
essere vero ci potrebbe essere fornito dall'imminen- 
te SMAU. Al momento in cui scriviamo non ci è 
dato sapere quali siano stati i temi portanti della più 
grande manifestazione nazionale sull'ÌCT e quali di 
questi temi abbiano incontrato i favori del pubblico. 
Tuttavia è facile interpretare come un segnale di 
fiducia un eventuale aumento di numero degli 
stand dei prodotti legati allo sviluppo. Viceversa 
potremmo sospettare che anche questa volta la 
"timida ripresa" non è che una frase di circostanza. 
Non che SMAU sia sempre un indicatore affidabile 
dell'economia, tuttavia certamente se ne può trarre 



qualche pur contestabile indicazione. Per conto 
nostro ipotizziamo fin da adesso una presenza mas- 
siccia del mobile. Anche se in verità alle tante 
comunicazioni sbandierate dai media in merito al 
dilagare di dispositivi mobili non ha fatto riscontro 
un aumento delle commesse in tal senso verso noi 
programmatori. E' probabile perciò che pur risul- 
tando veritieri i grafici di vendita di cellulari e pal- 
mari, è anche vero che non si pretende da questi 
oggetti un uso che li sostituisca ai dispositivi da 
tavolo. Per il resto immaginiamo qualche innova- 
zione nel campo del Voice Over IFJ del GPS e della 
domotica. Dove dovremo dirigerci noi programma- 
tori? La risposta è sempre la stessa: ovunque ci sia 
una richiesta. Questo significa che un eventuale 
ripresa per noi dovrebbe essere concretizzata, in 
termini di investimento, nell'aggiornamento. In un 
mondo che si muove alla velocità di Internet è 
impensabile rimanere legati per troppo tempo ad 
un linguaggio o ad una tecnologia, mentre invece è 
importante essere in grado di soddisfare le esigenze 
sempre più complesse di un mercato che si muove 
nel segno dell'interoperabilità-. 




All'inizio di ogni articolo, troverete un simbolo 
che indicherà la presenza di codice e/o software 
allegato, che saranno presenti sia sul CD (nella 
posizione di sempre \soft\codice\ e \soft\tools\) 
sia sul Web, all'indirizzo 
http://cdrom.ioprogrammo.it. 



REALTA VIRTUALE 

SUBITO MEI TUOI SOFTWARE 

Muovi finestre e icone a distanza, 
usando una piccola sorgente luminosa 
e una webcam. 
In pieno stile "Minority" Report 

• Scopri le librerie Grafiche 
Intel OpenSource Computer 
Vision Library 



• Acquisisci il punto Ilice 
con la telecamera e-ìsolal 
dai disturbi dello sfond 



• Aggancia i movimenti 

della fonte luminosa a quelli 
del mouse e muovilo a distanza 



pag. 14 
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Questo mese su ioProgrammo 



BORLAND RITORNO 
CON IL TURBO!!! 

Scopri tutte le novità del nuovo compilatore C# e realizza 
un'applicazione completa in pochi minuti usando ECO 

pag. 21 



IOPROGRAMMO WEB 



Laszlo quasi come Flex ma gratis . . . 
pag. 26 

C'è un file di testo contenente XML, c'è un 
compilatore on the fly. Tu richiami una pagina 
Web, il compilatore interpreta il file XML e 
tira fuori un'applicazione flash! tutto gratu- 
ito, tutto supercompatibil... Wow! 

Json: il Web di nuova generazione . . 
pag.32 

In questo articolo apprenderemo alcune tec- 
niche che ci consentiranno di realizzare facil- 
mente applicazioni Ajax-Based. Vedremo, 
inoltre, che XML non sempre costituisce la 
soluzione ottima all'intercambio di dati 

Guida pratica all'uso di Ajax. pag. 41 

Si fa un gran parlare di Web 2.0. Il punto è che 
alla base di questa nuova rivoluzione della 
rete ci sono tecnologie ormai consolidate 
come Ajax e Javascript. Ecco il codice per 
portare le tue applicazioni nella nuova era... 

Dotnetnuke facile e personalizzabile 
pag. 48 

Creiamo un portale in pochi minuti, modifichi- 
amolo attraverso Visual studio ed infine esten- 
diamone le funzionalità attraverso l'uso di 
moduli, al termine il nostro sito sarà dotato di 
un bellissimo motore di ricerca per contenuti 



delle pagine. Infine vedremo come 
utilizzare le regular Expression 



SISTEMA 



Deployment di applicazioni office . . 
pag. 54 

Abbiamo creato un software che estende 
Word o Excel. Non ci rimane che capire come 
poterlo distribuire. Utilizzeremo qualche 
tecnica che ci consentirà di mantenere la 
distribuzione aggiornata alle ultime versioni... 

Gestisci al meglio le tue risorse 
pag. 58 

Avete a disposizione 5 scialuppe di salvataggio 
e 50 persone da salvare. Ogni scialuppa può 
portare al massimo 400Kg. poiché il peso delle 
persone è molto variabile, come posso 
distribuirle in modo ottimale? 



NETWORKING 



Java crea il tuo broker di borsa 
pag. 68 

Vi presentiamo un metodo semplice per 
reperire informazioni sui mercati azionari 
impareremo anche qualcosa sulla 
gestione del Networking e sul Parser 



SISTEMA 



Tenere le revisioni 
sotto controllo 

pag. 74 

Parliamo di Subversion il 

gioiello di Open Source che 

ci permetterà di tenere 

traccia delle modifiche 

apportate ai nostri sorgenti 

senza neanche uscire da 

Viasual studio 



SISTEMA 



Fatti il film dello schermo . . . pag. 78 

Vogliamo realizzare un video in presa diretta 
di quando accade sul monitor del nostro com- 
puter. Il punto è che vogliamo anche dargli 
uno sguardo quando siamo lontani. Come 
fare? Ecco le tecniche... 



GRAFICA 



Exif: scatto da campione pag. 84 

Ecco le tecniche che consentono di 
estrarre da una foto effettuata in 
digitale informazioni quale 
l'esposizione, la data, il numero di colori 
e, teoricamente, ogni informazione che 
avremo voluto inserirvi 



RUBRICHE 



Gli allegati di ioProgrammo 

pag. 6 
// software in allegato alla rivista 

Il libro di ioProgrammo 

pag. 8 

// contenuto del libro in allegato 
alla rivista 

News pag. 10 

Le più importanti novità del 
mondo della programmazione 

Software pag. 107 

/ contenuti del CD allegato ad 
ioProgrammo. 




IBM inventa il 
database ibrido 



i 



pag. 89 

DB" Viper il database 

che gestisce direttamente 

il formato XML. DB2 Viper 

fa proprio questo, 

oltre titto il resto... 



NETWORKING 



La sicurezza con il nuovo MS 7.0 
pag. 98 

Internet Information Services presenta 
diverse novità architetturali che lo 
rendono ancora più affidabile e 
difficilmente attaccabile. 



CORSI BASE 



Java ed Eclipse 
in sette passi 

pag. 102 

Imparare ad usare Eclipse, 

il miglior sistema 

di sviluppo Java 

in poco più di un'ora 



QUALCHE CONSIGLIO UTILE 

I nostri articoli si sforzano di essere 
comprensibili a tutti coloro che ci 
seguono. Nel caso in cui abbiate 
difficoltà nel comprendere esattamente 
il senso di una spiegazione tecnica, è 
utile aprire il codice allegato all'articolo 
e seguire passo passo quanto viene 
spiegato tenendo d'occhio l'intero 
progetto. Spesso per questioni di spazio 
non possiamo inserire il codice nella 
sua interezza nel corpo dell'articolo. Ci 
limitiamo a inserire le parti necessarie 
alla stretta comprensione della tecnica. 



http://forum.ioprogrammo.it 
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Le versioni di ioProgrammo 




HMBLe 

SUBITO NEI TUOI SOFTWARE 

Muovi fln«lT« * ktmC a distanza, traode 
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ECLISSE IN 7 PASSI 
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RIVISTA + CD-ROM 

in edicola 



BORLAND TURBO C# 

Il compilatore che torna! 



Borland ha segnato profon- 
damente nel corso del 
tempo l'evolversi della pro- 
grammazione. Già agli inizi 
degli anni 90, quando anco- 
ra buona parte del mondo 
programmava in modo pro- 
cedurale, Borland era arriva- 
ta sul mercato con l'Object 



tralasciando quello che era 
il suo mercato storico di 
riferimento, ovvero quello 
degli IDE e compilatori dedi- 
cati alla produttività indivi- 
duale. Oggi questa situazio- 
ne è radicalmente cambiata. 
Borland ha appena fondato 
una società apposita per 



Turbo Pascal, primo esempio riprendere lo sviluppo dei 
di linguaggio interamente suoi IDE... 

ad oggetti dedicato alla prò- 
duttività individuale. 
Immediatamente dopo 
aveva fatto segnare l'enne- 
sima rivoluzione del merca- 
to della programmazione 
lanciando la moda degli IDE 
Rad, era la volta di Delphi. 
Nel corso del tempo, tutta- 
via aveva cambiato radical- 
mente strategia e si era 
dedicata ai prodotti ALM 



Prodotti del mese 



OpenLaszIo 3.3.3 

Quasi come Flex ma OpenSource 

L'idea è semplice. C'è un file XML, 
l'utente richiama questo file per 
mezzo del browser. Il compilatore 
sul server lo compila on the fly e 
restituisce all'utente una pagina 
flash. La tecnica è interessante per- 
ché consente di creare applicazioni 
WEB 2.0 senza utilizzare AJAX e 
producendo sempre output ade- 
guati e compatibili con ogni brow- 
ser. In realtà OpneLaszIo non è l'u- 
nico prodotto che si comporta in 
questo modo, ma sicuramente è 
l'unico prodotto non commerciale a 
consentire questo genere di tecni- 
ca. L'alternativa commerciale è 
Macromedia Flex 2.0. Le differenze 
a livello tecnologico non sono 
eccessive. Tuttavia OpenLaszIo 
appare ancora leggermente più 
macchinoso rispetto al più blasona- 
to rivale. In tutti e due i casi lo 
scopo è comunque realizzare web 
application che si comportino come 
applicazioni standalone 

[pag.108] 




DotNetNuke 4.3.5 
Starter Kit 

Il portale "Precotto" targato .NET 

Un CMS completo e dotato di 
funzionalità realmente avanza- 
te. In questo numero presentia- 
mo uno "Starter Kit" ovvero un 
template per l'ambiente Visual 
Studio, che consente di installa- 
re il prodotto ma anche di esten- 
derlo per coloro che avessero 
bisogno di funzionalità partico- 
lari. In questo numero presentia- 
mo un bell'articolo di Carmelo 
Scuderi che ci porta passo passo 
alla realizzazione di un completo 
Cross Engine. DotNetNuke è par- 
ticolarmente completo sia nel 
numero di funzionalità esposte, 
sia nell'organizzazione del codi- 
ce. Se in molti si possono accon- 
tentare dell'installazione classi- 
ca, sicuramente i più esperti 
approfitteranno della disponibi- 
lità del codice sorgente per 
modificarne il comportamento 

[pag.108] 
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Svn server 1 .4.0 

Per tenere sotto controllo le 
modifiche 

Quante volte avete eseguito una mo- 
difica al vostro codice e poi avete de- 
siderato tornare indietro? Ecco che 
in questi casi un software per il con- 
trollo di versione è indispensabile. 
Consente di tenere traccia con dei 
log di tutte le modifiche apportate 
al vostro progetto ed eventualmen- 
te di tornare indietro ad una versio- 
ne precedente oppure produrre un 
log degli aggiornamenti. 
Non erano in molti a scommettere 
sul successo di questo software quan- 
do qualcuno ha cominciato a pro- 
porlo come alternativa all'onnipresen- 
te CVS. Tuttavia la buona stabilità e 
le ottime prestazioni nel tempo gli 
hanno consentito di scalare molte 
posizioni. Persino Linus Torvads da 
sempre devoto a CVS ha deciso qual- 
che anno fa di spostare lo sviluppo del 
kernel su un sistems subversion. Una 
bella soddisfazione per Tigris 

[pag.108] 



Apache Tomcat 
5.5.17 

Programma in Java per il Web 

Chi vuole programmare in JSP non 
può esimersi dall' utilizzare questo 
Application Server. Leggero ma 
completo si tratta di uno dei server 
più diffusi per JSP. In questo nume- 
ro di ioProgrammo lo utilizziamo in 
congiunzione ad OpenLaszIo. 
Tomcat è un completo Application 
server per applicazioni JSP. Nel 
tempo sta lentamente subendo la 
concorrenza di sistemi quali JBoss, 
tuttavia rimane una delle alterna 
ve più indicate sia per HI testing di 
applicazioni in locale sia per la 
reale messa in produzione. Tomcat 
è facilmente installabile sia in siste- 
mi Linux sia in sistemi Windows, 
dispone di un'interfaccia di ammi- 
nistrazione sufficientemente ami- 
chevole e si è dimostrato sempre 
efficiente e stabile. A tutto ciò 
bisogna aggiungere che è un 
software OpenSource 

[pag.108] 
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Le versioni di ioProgrammo 




ANTEPRIMA: IBM DB2 VIPER 



ROfìRAMMO 



OEMOELe 

SUBITO NEI TUOI SOFTWARE 






Muovi finestre e icone a distanza, usando 
una piccola sorgente luminosa e una webcam. 
In pieno stile "MINORITY RIPORT 

Scopri le librerìe Grafiche Intel 
OpervSource Computer Vision Library 

Acquisisci il punto luce 
conia telecamera e isolala 
dai disturbi dello sfondo 
Aggancia i movimenti della tonte 
luminosa a quelli del mouse e Fallo 
muovere senza toccarlo 

RITORNO AL TURBO 
PER BORLAND «e 
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CREA IL TUO 
BROKER DI BORSA 

Scaf r a l dati da miemflt. 
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PRENDI I DATI 
DALLE FOTO 
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ECLIPSE IN 7 PASSI 
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RIVISTA + LIBRO 
+ CD-ROM 

in edicola 




DIVIDERE BENE 
LE RISORSE 



REVISIONI 

SOTTO CONTROLLO 



Scopri tutte le novità del nuova compilatore Cfl e realizza 
un'applfc»' ^^^ W**" minuti UMrtdo ECO 



i i ' rììTii' 11 mi pi> _ *■ 



ÌGUU«S 



2.0 
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IMPRENDERE 

XML 
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I contenuti del libro 



Comprendere XML 



Come sempre le tecnologie di maggior 
successo nascono per risolvere un problema 
reale. XML è nato come linguaggio universale 
per l'interscambio dei dati. Tuttavia la sua flessibilità 
è risultata talmente elevata da garantirgli 
immediatamente un impiego in quasi tutti i campi 
dello sviluppo. Sia che si parli di Web Services, sia 
che si parli di normali servizi sul web come gli RSS, 
ormai XSL fa da piattaforma ad una gamma 
incredibilmente vasta di applicazioni. Persino i 
server di database più evoluti lo hanno ormai 
adottato come formato standard per la persistenza 
dei dati. In questo libro, scritto sapientemente da 
Francesco Smelzo, si introducono i principi base che 
ne consentono un utilizzo efficace. Acquisire una 
buona padronanza di XML vi consentirà di riflesso di 
comprendere a fondo la moderna programmazione. 



IL LINGUAGGIO "PIATTAFORMA" PER 
UTILIZZARE A FONDO TUTTE LE TECNICHE 

DELLA PROGRAMMAZIONE MODERNA 

• Introduzione a XML 

• La sintassi e gli schemi 

• Il Document Object Model 

• Lavorare con XPATH 



V 
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News 



ENNESIMO BUG PER 
INTERNET EXPLORER 

uesta volta si tratta di VML, ov- 
vero quella parte del browser che 
implementa il rendering del Vector 
Markup Language. Riferita in questi 
termini potrebbe sembrare una falla 
non grave, ed invece è già diventata il 
centro di raccolta per hacker di vario 
genere. Di fatto sfruttando questo 
bug è possibile ottenere il pieno con- 
trollo del sistema vittima. Al momen- 
to in cui scriviamo Microsoft non ha 
ancora rilasciato alcuna patch per que- 
sto problema, viceversa esiste una pat- 
ch non ufficiale creata dallo dal Zero- 
day Emergency Response Team e di- 
sponibile presso l'indirizzo: 
http://isotf.org/zert/download.htm. Trat- 
tandosi di una patch non ufficiale non 
gode ovviamente di alcun tipo di sup- 
porto 



UN CONCORSO PER 
GURU DELL'ICT 

** vete inventato un servizio inno- 
vativo? State lavorando ad un pro- 
getto a cui nessuno mai pensato? so- 
gnate di diventare il programmatore 
che cambierà totalmente la faccia del- 
l'informatica? è il momento di parte- 
cipare alle selezioni per Lo European 
ICT Prize 2007. La Deadline per la par- 
tecipazionme è fissata per il 4 Dicem- 
bre 2006. La manifestazione si avvale 
della partecipazione della Commis- 
sione Europea e prevede un premio di 
5000 euro da destinarsi ai 20 migliori 
progetti che parteciperanno al conte- 
st. Il migliore di questi vincerà un pre- 
mio di 200.000 Euro. I vari progetti sa- 
ranno sottoposti alla volutazione di 
una selezione di esperti provenienti 
da 16 nazioni europee, i premi infine 
saranno assegnati da una commissio- 
ne scientifica Europea. La manifesta- 
zione si prefigge di avere un forte le- 
game con il mercato ma anche un ele- 
vato contenuto tecnico. I progetti vin- 
citori dovranno avere caratteristiche in- 
novative ma dovranno essere anche 
valutati come in grado di essere ap- 
prezzati a livello commerciale. La pre- 
senza di una commisione no prof it è ga- 
ranzia di trasparenza nell'assegna- 
zione dei premi 



DISPONIBILI GLI MS 
EXPRESSI0N T00LS 



l Iella spasmodica ricerca di produrre strumenti che favoriscano la 
I il creatività ed aumentino contemporaneamente la produttività, 
ecco che Microsoft lancia i suoi Expression Tools. Si tratta di una 
gamma di tre prodotti, rispettivamente: Graphic Designer, Interactive 
Designer, Web Designer. I tre nuovi pacchetti vanno ad occupare la 
fascia intermedia compresa fra il livello di sviluppatore e quello di 
designer. In realtà potrebbero essere utilizzati con profitto sia da un 

programmatore che 

abbia bisogno 

durante la pratica 
quotidiana di pro- 
durre elementi di 
grafica sia da un 
grafico che volesse 

introdurre elementi : ^^^^ : ^?r^'^j^h^\ 

di dinamicità all'in- 
terno delle proprie 
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AJAX CERCA 
UNO STANDARD 



Senza dubbio Ajax è 
uno dei temi scot- 
tanti del momento, gra- 
zie a questa tecnologia 
che consente di realiz- 
zare Web Application 
che non necessitano di 
reload della pagina, i 
software che girano su 
piattaforma Internet si 
stanno sempre più av- 
vicinando a quelli stan- 
dalone. Il risultato è 
quello di ottenere una 
maggiore usabilità e 
quello di poter usufrui- 
re all'interno di appli- 
cazioni web di caratte- 
ristiche che sono nor- 
malmente in dotazione 
solo alle applicazioni 
standalone, portando- 



ci a parlare di Web 2.0. 
Nonostante che Ajax sia 
tutto sommato una tec- 
nologia semplice basa- 
ta essenzialmente su Ja- 
vascript, è proprio que- 
sta sua semplicità a 
preoccupare i maggiori 
produttori di software 
dedicati allo sviluppo. 
Infatti i vari oggetti che 
ormai popolano i vari 
framework e che servo- 
no per gestire il Markup 
HTML nascondendone 
la complessità al pro- 
grammatore, mal co- 
municano fra loro, con 
il risultato che si ha un 
proliferare di tecniche 
che presentano una sin- 
tassi e una semantica 



diverse fra loro e che 
rendono particolar- 
mente disomogeneo un 
paradigma come Ajax, 
che invece per sua na- 
tura è decisamente stan- 
dard. E' per questo che 
OpenAjax Alliance ha 
dato vita al progetto 
HUB, che riunisce in- 
torno a se big del cali- 
bro di IBM, Oracle e Sun, 
e che mira a mettere or- 
dine nel mondo Ajax. 
Certe volte ci stupiamo 
di come sia sorpren- 
dentemente semplice 
rendere complesse tec- 
niche anche molto li- 
neari come Ajax. Tutta- 
via uno standard è or- 
mai una necessità 
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un prodotto specificatamente indiriz- 
zato ai grafici, consente di realizzare 
forme vettoriali ma anche di manipo- 
lare immagini Bitmap. Inoltre ovvia- 
mente è dotato di tutta quella serie di 
effetti e filtri che consentono di rea- 
lizzare elementi grafici particolarmen- 
te accattivanti. Interactive Designer 
viceversa comincia a spostare il suo 
target applicativo verso i programma- 
tori. Il suo scopo è quello di fornire 
strumenti adatti alla progettazione di 
interfacce grafiche. In questo senso 
incorpora anche caratteristiche di 
modellatore 3D. WEB Designer infine 
si sposta decisamente verso il lato del 
programmatore, proponendosi come 
strumento di programmazione per 
Web Applications. I nuovi prodotti 
targati Microsoft vanno a riempire 
quel vuoto costituito dagli ambienti 
per la "produttività uindividuale" fino 
ad ora troppo snobbati a favore di 
grandi realtà industriali. Tuttavia i pic- 
coli programmatori hanno ancora un 
peso economico notevole sul mercato 
della programmazione 



ARRIVA NETBEANS 
FOR BEGINNER 



NetBeans è il popola- 
re IDE per Java spon- 
sorizzato da Sun Micro- 
system. Si caratterizza co- 
me ambiente spiccata- 
mente RAD ed è proba- 
bilmente l'unico rivale 
dell'ormai onnipresente 
Eclipse. Recente la co- 
munità che presiede al- 
lo sviluppo di Netbeans 
insieme a Sun, ha an- 
nunciato la disponibilità 
di un IDE "Ristretto" per 
favorire l'apprendimen- 
to del linguaggio a chi si 
avvicina alle tecnologie 
Java. La nuova versione 
prenderà il nome di BlueJ 
Edition.. Il nome deriva 
da un progetto nato ini- 
zialmente in Australia 
proprio per favorire l'ap- 



prendimento del lin- 
guaggio a coloro che vi si 
avvicinavano per la pri- 
ma volta. BlueJ nella sua 
versione originale inclu- 
deva anche elementi for- 
temente didattici pensa- 
ti appositamente per gui- 
dare i nuovi arrivati alle 
tecniche di programma- 
zione sottostanti i lin- 



guaggio di Sun. Netbeans 
BlueJ integrerà il meglio 
del conosciutissimo RAD 
con gli elementi forte- 
mente didattici di BlueJ, 
il tutto dovrebbe portare 
alla produzione di un IDE 
particolarmente utile a 
chi si appresta ad ap- 
prendere queste tecni- 
che di programmazione 




MUOVI PRODOTTI 
PER INTEL 

Intel, già produttrice di compilatori e fra- 
mework particolarmente votati alla creazio- 
ne di applicazioni fortemente ottimizzate 
per la propria piattaforma hardware, ha 
appena compiuto un ulteriore passo avanti 
verso la programmazione MutiThreading. In 
realtà si tratta di un aggiornamento globale 
della famiglia di prodotti coinvolti nella piat- 
taforma MultiThreading, in particolare 1 
Threading Building Blocks 1.0 per Windows, 
Linux e Mac OS X, il Thread Checker 3.0 per 
Windows e Linux e il Thread Profiler 3.0 per 
Windows. I prodotti in questione formano 
un circolo che chiude l'intera gamma delle 
problematiche relative a questo genere di 
programmazione. Si parte dalle librerie in 
C++ per la realizzazione di codice perfor- 
mante, fino all'uso dei profiler che consento- 
no di controllare dove un software ha una 
diminuizione delle prestazioni dovuta ad un 
collo di bottiglia del codice compilato o del 
flusso dell'applicazione stessa. I vari tool 
possono essere utilizzato in maniera standa- 
lone, ma si possono anche integrare con 
Microsoft Visual Studio 2005 



NASCE HADOOP 
PER IL CLUSTERING 



Un framework votato alla crea- 
zione di applicazioni Java che 
possano essere eseguite in paralle- 
lo su una serie di calcolatori. Si trat- 
ta di un esperimento interessante 
che coinvolge problemi di partico- 
lare rilevanza. L'idea è che le infor- 
mazioni possano risiedere in un 
qualunque momento in una qua- 
lunque parte del cluster e che l'ap- 
plicazione di base possa essere sud- 
divisa in particelle elementari ese- 
guibili singolarmente, ognuna 
secondo la propria posizione nel 
flusso del programma, da una qua- 
lunque macchina partecipante al 
cluster. La tecnologia sottostante è 
quella del map/reduce che tramite 
sofisticati algoritmi implementa 
appunto la gestione della suddivi- 
sione particellare dell'applicazione. 



Hadoop non trascura il file system, 
che viene gestito in maniera tra- 
sparente suddividendo i dati nelle 
varie parti del cluster, ma lascian- 
done all'utente una visualizzazione 
monolitica. L'intero progetto deriva 
da Lucene, il noto framework 
opensource per l'indicizzazione dei 
contenuti, in pieno stile Google 
Desktop 
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Muovere il mouse con la luce 



UN MOUSE IN STILE 
MINORITY REPORT 

IN MOLTI SI RICORDERANNO IL MITICO FILM IN CUI TOM CRUISE IN UNO SCENARIO 
SURREALE MUOVEVA CARTELLE E IMMAGINI SULLO SCHERMO UTILIZZANDO LE MANI COME 
UNA SORTA DI MOUSE VIRTUALE. QUESTO È ESATTAMENTE QUELLO CHE FAREMO... 




LÌ CD U WEB 




In questo articolo tenteremo un'operazione utile 
quanto interessante. Cercheremo di muovere il 
mouse attraverso Fuso di una lampadina. 
Ovviamente implementeremo anche le funzioni del 
click e le altre funzioni tipiche del mouse. 
L'applicazione assomiglierà molto a quella futuristi- 
ca proposta in Minority Report da Tom Cruise, dove 
gli oggetti sullo schermo venivano mossi sulla base 
del movimento delle mani. Sarebbe infatti facile 
indossare un guanto con una fonte luminosa inne- 
stata, per far fare al nostro mouse quello che voglia- 
mo... anche a distanza. Dal punto di vista stretta- 
mente tecnico quello di cui abbiamo bisogno è una 
webcam anche di bassa qualità e una lampadina. 
La Webcam si occuperà di intercettare il segnale 
luminoso e convertire il suo movimento da informa- 
zioni comprensibili dal puntatore del mouse. 





Fig. 1: Fotogramma originale estratto dal flusso video 
generato dalla webcam 
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INDIVIDUARE UNA LUCE 

Per riuscire nell'intento preposto, bisogna affrontare 
un problema concettualmente molto difficile che è 
quello di riuscire ad individuare una sorgente lumi- 
nosa all'interno della scena ripresa dalla videocame- 
ra: per riuscirci possiamo ricorrere ad un semplicis- 
simo trucco, nato da una osservazione di natura 
sperimentale. Prendiamo un singolo fotogramma di 
una ripresa: la sorgente luminosa, nel nostro caso 
un lampadina a led accesa, viene vista all'interno 
dell'immagine come un'area il cui colore tende al 
bianco. Per isolarla dal resto, cioè per "cancellare" lo 
sfondo che non ci interessa, sarebbe sufficiente 
quindi ricercare in ciascun fotogramma della ripre- 
sa tutte le aree il cui colore è proprio bianco (in RGB 
sarebbe 255,255,255). Sarebbe bello se tutto fosse 
così semplice, tuttavia molto del risultato è influen- 
zato dal tipo di webcam usata, o meglio dal device di 
acquisizione video collegato; l'uso di una webcam a 
basso prezzo, come quella con cui abbiamo realizza- 
to la Figura 1, tende a modificare pesantemente i 
colori reali tanto che la sorgente è vista azzurrina. 
Usando dispositivi di acquisizione più sofisticati, la 
qualità della ripresa aumenta considerevolmente 



anche perché intervengono strumenti hardware per 
la compensazione dei colori e della luminosità. Non 
potendo sapere a priori quale sarà lo strumento uti- 
lizzato, possiamo rendere il discorso più generale 
andando a cercare nel singolo fotogramma non più 
le aree di colore bianco ma quelle che superano un 
valore di soglia variabile. Per semplificare ancora di 
più, per evitare di dover regolare un modello auto- 
matico di elaborazione basato su tre parametri (R, G, 
B), possiamo convertire l'immagine in toni di grigio 
(R=G=B) in modo da avere un singolo valore da con- 
trollare, variabile tra (nero) e 255 (bianco). 
Mediamente un buon risultato può essere ottenuto 
con un valore di soglia intorno a 240 per una web- 
cam a basso costo. Naturalmente, più è alta la qua- 
lità del dispositivo più questo parametro tenderà ad 
avvicinarsi al valore massimo 255. Una volta isolata 
la "macchia", cioè l'area sul frame occupata dalla 
sorgente luminosa, si può operare un'ulteriore sem- 
plificazione cercando di rappresentarla come un 
singolo punto da cui si irradia la luce. Possiamo 
determinare il centro di questa area e legare le coor- 
dinate di questo punto sull'immagine con le coordi- 
nate del puntatore del mouse sullo schermo del 
computer, metà del gioco è fatto... 
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GLI STRUMENTI 

Alla luce di questa osservazione possiamo mettere 
in atto una serie di semplificazioni che riducono di 
molto la complessità del problema. 
In sostanza quello che bisogna realizzare è un siste- 
ma che svolga i passi mostrati in Figura 2. 
Per implementare i vari algoritmi di elaborazione e 
di valutazione dei singoli frame estratti dal flusso 
video, utilizzeremo una libreria sviluppata da Intel 
Corporation sotto licenza OpenSource. Questa libre- 
ria, la OpenCy dispone di una serie di strumenti 
altamente specializzati nel campo dell'interpreta- 
zione delle immagini: determinare un movimento di 
oggetti, interpretare il linguaggio dei segni o il movi- 
mento delle labbra e tanto altro. L'utilità è indiscuti- 
bilmente legata alla realizzazione di applicazioni di 
ausilio per i disabili o per migliorare l'interazione 
uomo -macchina, come nel nostro caso in quanto 
cerchiamo di realizzare un'alternativa al classico 
mouse basato sull'individuazione di una sorgente 
luminosa. Il pacchetto distribuito dalla Intel contie- 
ne tutto il codice sorgente scritto in C ed è privo di 
royality e quindi liberamente distribuibile. 



INDIVIDUAZIONE 
DEL DEVICE 

Per interfacciarsi con il dispositivo di acquisizione 
video è possibile utilizzare diversi strumenti softwa- 
re. Anche la libreria OpenCV mette a disposizione 
delle utility per individuare e connettersi ai device, 
ma fa uso di una finestra di dialogo tutta sua, diffi- 
cilmente personalizzabile. Nel nostro caso useremo 
un componente DLL già presente in Windows, 1' avi- 
cap32.dll. AVIcap window class (avicap32.dll) è una 
libreria di acquisizione che permette di interfacciar- 
si con dispositivi audio-visivi, senza dover preoccu- 
parci del device,cioè in maniera del tutto indipen- 
dente da essi. Infatti la libreria ci offre la completa 
l'interoperabilità con tutti i dispositivi, l'importante 
è che siano installaticorrettamente sul sistema, con i 
dovuti driver caricati. Sul mercato attualmente esi- 
stono diversi dispositivi con prestazioni e caratteri- 
stiche spesso molto differenti fra loro. Ciascun devi- 
ce ha i suoi driver di installazione e quindi delle rou- 
tine "proprietarie" di gestione e di utilizzo. Ecco 
motivata la scelta di utilizzare AVICap. Per intercet- 
tare il flusso video in acquisizione dal device è possi- 
bile effettuare una chiamata al sistema. Il nostro 
scopo è quello di ottenere l'accesso ad una porzione 
della memoria, o meglio ad una finestra di overlay, 
specificando la posizione, la dimensione e le carat- 
teristiche. Questa finestra di overlay costituirà la 
nostra area di visualizzazione. 
Per eseguire questi passi dovremo lavorare con due 
DLL di sistema, l'Avicap32.dll e la User32.dll, e per 
richiamarle è necessario creare delle funzioni che 
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[DIIImport("avicap32.dll")] 



protected static extern bool 



capGetDriverDescriptionA(short wDriverlndex, 
[MarshalAs(UnmanagedType.VBByRefStr)]ref 



String IpszName, 



int cbName, 
[MarshalAs(UnmanagedType.VBByRefStr)] ref String 



IpszVer, int cbver); 



[-] 



private static Array List GetAIIDevices() 

{ 

String dName = "".PadRight(lOO); 
String dVersion = "".PadRight(lOO); 
Array List devices = new ArrayListQ; 



for (short i = 0; i < 10; i++) 



{ 



if (capGetDriverDescriptionA(i, ref 



dName, 100, ref dVersion, 100)) 



devices.Add(dName.Trim()); 



} 



return devices; 




Fig. 2: Schema riassuntivo dell'algoritmo di estrazione e di elaborazione del flusso 
video 



faranno da puntatori alle funzioni interne delle 
nostre dll. La classe TrovaVideoDevice consente di 
definire una finestra di dialogo da mostrare all'uten- 
te e attraverso la quale possiamo elencare tutti i 
dispositivi individuati nel sistema. A questo punto 1- 
utente dovrà solo scegliere quello che vuole sfrutta- 
re per l'applicazione. La classe conterrà una chia- 
mata ad una funzione capGetDriverDescriptionA 
esistente inAvicap32.dll, attraversp la quale è possi- 
bile ottenere il riferimento al dispositivo collegato 
usando semplicemente un indice di posizione. 
Possiamo definire un metodo che ci ritorna la lista 
dei device collegati, limitandone la ricerca ai primi 
10: 

using System. Runtime.InteropServices; 



LA FINESTRA 
DI OVERLAY 

La finestra di overlay è 
una porzione di 
memoria video 
destinata alla 
visualizzazione ed alla 
cattura di un flusso 
video proveniente da 
un dispositivo di 
acquisizione collegato 
con il computer. In 
pratica l'accesso allo 
stream avviene in 
maniera similare 
all'accesso alla 
memoria, 
specificandone 
posizione, dimensione 
e caratteristiche della 
superficie di 
visualizzazione e 
cattura. La richiesta ha 
esito positivo soltanto 
se il sistema vede un 
driver di acquisizione 
compatibile fra le 
risorse disponibili. 



[-] 
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OPEMCV 

Per informazioni sulla 

libreria intel OpenCV si 

può fare riferimento al 

sito web ufficiale: 

http://www.intel.com/ 

technology/computing/ 

opencv/index.html 
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Una volta individuato il device di acquisizione da 
utilizzare, bisogna creare con esso un collegamento 
per poi procedere alla cattura del flusso video. La dll 
fornisce gli strumenti per realizzare la connessione, 
ma poiché per l'elaborazione di ciascun frame del 
flusso utilizzeremo la libreria OpenCY per rispar- 
miare qualche passo possiamo sfruttare diretta- 
mente le funzioni messe a disposizione dal modulo 
highgui. In particolare, una volta selezionato la posi- 
zione del riferimento in memoria del dispositivo, 
basta effettuare una chiamata al metodo 
cvCaptureFromCAM per allocare ed inizializzare la 
struttura CvCapture che ci consentirà di leggere dal 
flusso video (al momento consente di interfacciare 
due videocamere su Windows, attraverso Video for 
Windows (VFW) e matrox imaging Library, e due su 
Linux, V4L e FireWire) mediante l'istruzione 
cvQueryFrame (cattura e restituisce un frame dallo 
stream sotto forma di Ipllmage) 

[■■■] 

CvCapture* cap=cvCaptureFromCAM(trovaDevice- 



>Selezionato); 



wANAGED WRAPPERS CLASS 
CORI MANAGED C++ 



Le applicazioni scritte con un 
linguaggio del framework .net si 
definiscono "gestite" perche 1 il 
framework le fa girare in un 
ambiente in cui vengono forniti dal 
Common Language Runtime una 
serie di servizi come ad esempio 
gestione della memoria, dei thread, 
controllo sul codice in esecuzione 
ed altro. Il concetto di codice 
gestito è presente in molte altre 
realtà, come ad esempio Java: la 
Java Virtual Machine non fa altro 
che interpretare una serie di 
comandi generalizzati, uguali per 
tutte le piattaforme, eseguendole 
in base al sistema operativo ospite, 
convertendole in chiamate alle API. 
Esistono delle soluzioni ibride. 
L'utilizzo di 

In generale, un programma scritto 
in c# (o magari anche 
semplicemente in vb6) è 
sostianzialmente del codice gestito; 
vengono utilizzate (come nel caso 
del C#) una serie di librerie, classi e 
funzioni forniti dall'ambiente di 
sviluppo che rimappano molte 
delle funzioni esposte per mezzo 
delle API di Windows, 
semplificando mostruosamente la 
vita ai programmatori. D'altronde, 
l'aspetto positivo più importante 
va oltre alla semplice 
semplificazione: nel caso in cui si 
dovessero cambiare le API del 
sistema operativo, l'uso di codice 



gestito dovrebbe garantire il 
corretto funzionamento delle 
applicazioni, in quanto è lo strato 
d'intepretazione del precompilato 
che andrebbe sostituito per 
adattarsi alle modifiche. Lo scopo 
del framework .net è stato quello 
consentire lo sviluppo di 
applicazioni sostanzialmente 
equiparabili anche usando 
linguaggi di programmazione 
differenti, cosi' che non e' più' 
indispensabile utilizzare il C++ per 
creare applicazioni performanti. 
Naturalmente, le prestazioni delle 
applicazioni vengono 
notevolmente influenzate dalla 
presenza di un ulteriore strato 
software (il framework). Un codice 
non gestito è in alcuni casi molto 
più veloce di un codice gestito. 
Tuttavia all'interno dei linguaggi 
.NET esiste una realtà spesso 
ignorata ma messa a disposizione 
dei programmatori .NET: Visual C++ 
.NET e' l'unico linguaggio in grado 
di integrare codice gestito e non 
gestito, offrendo soluzioni per 
sviluppare applicazioni che 
integrino codice esistente con la 
nuova piattaforma .NET. Il risultato 
è una soluzione ibrida. 
Nel nostro caso, possiamo 
incapsulare del codice "nativo" non 
gestito dal framework attraverso 
delle wrapper class gestite, 
appunto, usando Managed C++. 



Ipllmage* frame=cvQueryFrame( cap ); 



Sfortunatamente, queste istruzioni sono stretta- 
mente legate al sistema: si tratta di codice non gesti- 
to e la piattaforma .Net non riesce ad accedere diret- 
tamente al puntatore che fa riferimento alla struttu- 
ra CvCapture (vedere il box). 
Infatti, già alla prima istruzione otterremo che il 
puntatore cap è nullo. Per aggirare il problema basta 
realizzare una managed wrapper class di 
CvCapture 



INCAPSULIAMO 

LA CLASSE CVCAPTURE 

La prima cosa da fare è definire una classe di 
interfacciamento con la struttura CvCapture che 
definieremo unmanaged (non gestita). 
Attraverso la classe UMCvCapture possiamo 
richiedere l'allocazione del collegamento al devi- 
ce mediante cvCaptureFromCAM e quindi l'ini- 
zializzazione della struttura CvCapture; una 
volta ottenuto il puntatore alla struttura, su di 
esso possiamo chiedere ed ottenere il frame cor- 
rente del flusso generato. Alla conclusione dell'e- 
laborazione, per rilasciare le risorse allocate 
bisognerà invocare cvReleaseCapture. Bisogna 
provvedere a dare una definizione del costrutto- 
re, del distruttore e di ciascun metodo che 
vogliamo utilizzare per i nostri scopi. 



#pragma 


once 


#pragma 


unmanaged 


#include 


"cv.h" 


#include 


"highgui. h" 




class UMCvCapture 


{ 


private: 


CvCapture* capture; 


public: 


UMCvCapture(int Selezionato); 


bool Inizializzato(void); 


Ipllmage* ImmagineCorrente(void); 


void Rilascia(void); 


public: 


~UMCvCapture(void); 


}; 



Sarà quindi la classe UMCvCapture ad occupar- 
si dell'interfacciamento diretto con gli strumenti 
messi a disposizione da OpenCv, in maniera tra 
l'altro piuttosto semplice come possiamo vedere 
mostrando l'implementazione dei metodi espo- 
sti dalla classe stessa 
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#include "UMCvCapture.h" 



} 



UMCvCapture: :UMCvCapture(int Selezionato) 
{capture = cvCaptureFromCAM(Selezionato ); 



} 



UMCvCapture: : ~UMCvCapture(void) 



{if (capture! =0) 



cvReleaseCapture(&capture); 



} 



void UMCvCapture: :Rilascia(void) 



{if (capture! =0) 



cvReleaseCapture(&capture); 



} 



bool UMCvCapture: :Inizializzato(void) 



{ return capture! =0; 



} 



Ipllmage* UMCvCapture: :ImmagineCorrente(void) 
{return cvQueryFrame( capture ); 



} 



si tratta quindi di singole chiamate a specifiche fun- 
zioni già definite. 

Definita la classe con codice C++ non gestito, 
costruiamo adesso la classe di servizio MCvCapture 
con codice gestito da utlizzare per accedere alla 
struttura dati UMCvCapture, facendo corrisponde- 
re un metodo gestito a ciascun metodo non gestito, 
ed in particolare incapsulare il costruttore, il distrut- 
tore e ciascuna funzione membro precedentemente 
definita 

#pragma once 
#include "UMCvCapture.h" 
#pragma managed 
#using <mscorlib.dll> 
using namespace System; 
public gc class MCvCapture 

{ 

public: 

MCvCapture(int selezionato); 

bool Inizializzato(void); 

Ipllmage* ImmagineCorrente(void); 

void Rilascia(void); 
public: 

~MCvCapture(void); 
private: 

UMCvCapture nogc* m_capture; 



LightMouse: : MCvCapture: :~MCvCapture(void) 



{m_capture->~UMCvCapture(); 



} 



void LightMouse:: MCvCapture: :Rilascia(void) 



{m_capture->Rilascia(); 



} 



bool LightMouse: : MCvCapture: :Inizializzato(void) 
{return m_capture->Inizializzato(); 



} 



Ipllmage* LightMouse:: MCvCapture:: 

ImmagineCorrente(void) 
{return m_capture->ImmagineCorrente(); 



} 



ACCESSO AL DEVICE 
CON CODICE GESTITO 

Con questa nuova struttura realizzata con codice 
gestito, l'accesso al device e l'acquisizione dei singo- 
li frame avverrà sostituendo il codice precedente: 



CvCapture* cap=cvCaptureFromCAM( 

trovaDevice->Selezionato); 
Ipllmage* frame=cvQueryFrame( cap ); 



con queste istruzioni equivalenti 



MCvCapture* capture ■■ 



new McvCapture 
(trovaDevice->Selezionato); 



Ipllmage* frame = capture->ImmagineCorrente(); 



Adesso abbiamo tutti gli strumenti necessari all'ela- 
borazione e possiamo dare un corpo all'algoritmo 
visto in precedenza. Ci connettiamo al device e 
avviamo un ciclo che ad ogni passo chiede e ottiene 
un'immagine su cui avviare le analisi (ad esempio il 
ciclo è implementabile mediante un timer che ad 
ogni evento di tick programmato preleva il frame e 
richiama il metodo di elaborazione). 





DA RICORDARE 

Il progetto di esempio 
allegato all'articolo è 
stato sviluppato con 
Visual Studio 2005 e 
non funzionerà cone le 
precedenti versioni. 
Per eseguire 
l'applicazione di 
esempio è necessario: 

1) Una qualsiasi 
webcam, ad 
esempio una 
Logitec QuickCam. 
Attenzione però: la 
distanza a cui ci 
possiamo mettere 
da dispositivo è 
influenzata dalla 
sua qualità. 

2) Un computer non 
necessariamente 
ultrapotente, con 
Windows 2000/XP 
installato 

3) Dot.NET Framework 
v. 2.0 



}; 



Ciascuna istanza di MCvCapture conterrà al suo 
interno una definizione di UMCvCapture e quindi 
una corrispondenza ad una struttura CvCapture. 

#include "MCvCapture. h" 

LightMouse: : MCvCapture: :MCvCapture(int Selezionato) 
{m_capture =new UMCvCapture(Selezionato); 



ELABORAZIONE 
DELL'IMMAGINE 

Prelevata il singolo frame dal flusso video, è pos- 
sibile eseguire una serie di operazioni in presa 
diretta per realizzare i passi descritti nel dia- 
gramma in Fig. 2. Cominciamo convertendo 
l'immagine originale in toni di grigio, l'immagine 
grey dovrà avere la stessa dimensione dell'origi- 
nale ma un numero di canali ridotto (passiamo 
dai 3, RGB, ad uno solo) 
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Ipllmage* grey = cvCreateImage( 

cvGetSize(frame), 8, 1 ); 
cvCvtColor( fraine, grey, CV_BGR2GRAY ); 



su grey operiamo per isolare i pixel 
corrispondenti alla sorgente luminosa dal 
contesto in cui si trova, usando la funzione 
DetectLight così definita 



zione: tutto ciò che è al di sopra della soglia minima 
diventerà tutto bianco, il resto è totalmente annulla- 
to. In questo modo riusciamo a semplificare il passo 
successivo in quanto si riducono notevolmente tutti 
i disturbi sull'immagine dovuti ad esempio alla scar- 
sa qualità del dispositivo d'acquisizione. 
L'immagine risultante [Fig. 4] conterrà soltanto una 
macchia bianca in corrispondenza dell'area occu- 
pata dalla sorgente luminosa sul frame originale: 
come si può vedere dalla figura, lo sfondo è scom- 
parso e non dovremo più occuparci di esso. 




Antonino Panella è un 

ingegnere informatico 

da anni impegnato 

nello sviluppo di 

tecniche basate sulla 

Computer Vision, 

anche in ambito 

mobile su dispositivi 

Pocket PC. Per 

informazioni e 

domande potete far 

riferimento alla sua 

mailbox: 

antonino.panella@gmail. 

com 




DLL 

Il progetto richiede di 

inserire il riferimento 

ai file include e alle 

librerie di OpenCV per 

poter compilare 

correttamente. Una 

volta generato 

l'eseguibile, bisogna 

copiare le dll di 

servizio rilasciate con 

il pacchetto di 

distibuzione della 

libreria. Troverete 

tutto il necessario 

all'interno dello zip 

allegato alla rivista. 



private: static void Detectl_ight(lpllmage* originai, 

Ipllmage* modified, int min) 



{int nl=modified->height; 



int nc=modified->width; 



uchar* data= (uchar*)(original->imageData); 
uchar* datal= (uchar*)(modified->imageData); 



int num=0; 



for (int j=0; j<nl; j++) 



for (int i=0; i<nc; i++) 



{if (data[num]>=min) 



datal[num]=255; 



else 



datal[num]=0; 



num++; 



} 



return; 



} 




Fig. 3: Abbiamo convertito l'immagine da a colori in 
toni di grigio 

praticamente il metodo effettua un'analisi molto 
semplice della sequenza di pixel che costituiscono 
l'immagine originale, valutando il valore di ciascun 
pixel: se è uguale o superiore al livello di soglia mini- 
mo, sull'immagine di risultato inserirà un pixel di 
colore bianco (valore=255) altrimenti lo sostituirà 
con uno di colore nero (valore=0). Da notare che l'o- 
perazione che stiamo compiendo è di normalizza- 



INDIVIDUAZIONE 
DELLA POSIZIONE 

Adesso dobbiamo estrarre il contorno della macchia 
mediante una chiamata a cvFindContours 



CvSeq* contours = 0; 



CvPoint myCenter; 



CvMemStorage* Storage = cvCreateMemStorage(O); 
int header_size = sizeof(CvContour); 
cvFindContours (grey , Storage, &contours, 



header_size, 



CV_RETR_EXTERNAL, 



CV_CHAIN_APPROX_SIMPLE, cvPoint(0,0)); 



in contours troveremo tutta la sequenza di punti 
che individuano l'estremità dei segmenti costituen- 
ti il controrno. La sequenza è in realtà spesso suddi- 
visa in blocchi, tenendo conto che il contorno non è 
perfetto ma abbastanza frammentato, con zone 
senza informazioni e quindi privo di continuità. 
Possiamo comunque procedere liberamente 




Fig. 4: Lo sfondo è stato eliminato e risulta evidenzia- 
ta soltanto l'area corrispondente alla sorgente lumi- 
nosa. 
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estraendo i punti estremi e cercando un ellisse che 
possa in qualche modo approssimare il contorno 
della macchia. Bisogna ricordare che un ellisse è 
individuabile soltanto se ci sono armento 5 punti 
noti sul suo perimetro. Per prima cosa verifichiamo 
che sia possibile definire una curva con i punti del 
contorno; poi recuperiamo il numero totale di 
sequenze di punti che definiscono il contorno, allo- 
chiamo la memoria per copiare la sequenza dei 
punti in un array per poi trovare il miglior ellisse che 
approssima il contorno. 



if(CV_IS_SEQ_CURVE(contorus)) 



delle API di Windows. 



{ count = circles ->total; 



PointArray = (CvPoint *)malloc(count * 



sizeof(CvPoint)); 



cvCvtSeqToAiray(contorus, PointArray, 

CV_WHOLE_SEQ); 



PointArray32f = 



if (count>=6) 



(CvPoint2D32f *)malloc((count + 

1) * sizeof(CvPoint2D32f)); 



{for (ia=0; ia<count-l; ia++) 



{PointArray32f[ia].x = (float)(PointArray[ia].x); 
PointArray32f[ia].y = (float)(PointArray[ia].y); 



} 



PointArray32f[ia].x = (float)(PointArray[0].x); 
PointArray32f[ia].y = (float)(PointArray[0].y); 



CvBox2D* myBox= 



(CvBox2D *) 

malloc(sizeof(CvBox2D)); 



cvFitEllipse(PointArray32f, count,myBox); 



, //continua 





VOID mouse_event( DWORD dwFlags, 


DWORD dx, 


DWORD dy, 


DWORD dwData, 


ULONG_PTR dwExtralnfo 


); 





il primo parametro corrisponde alla categoria dell'e- 
vento del mouse (movem leftclick_up, rightclick_ 
down, etc), il secondo ed il terzo contengono lo sco- 
stamento assoluto rispetto alla precedente posizio- 
ne del puntatore, dwData è legato alla rotazione 
della rotella mentre dwExtralnfo conterrà informa- 
zioni aggiuntive. Ad esempio, un evento può essere 
inviato così 



mouse_event(MOUSEEVENTF_MOVE, dx, dy, 0, 0); 



Ad ogni ciclo di elaborazione ci teniamo sempre in 
memoria la posizione calcolata al passo precedente, 
in modo da calcolare sempre la differenza da inviare 
come evento di mouse. Il risultato è molto impor- 
tante, in quanto inviamo al sistema operativo dei 
messaggi che verranno interpretati come prodotti 
dal mouse stesso e quindi gestiti di conseguenza, 
senza doverci occupare di altro. Quello ottenuto è 
uno strumento in grado di convertire il movimento 
di una luce in messaggi uguali a quelli del mouse. 





COSA VUOL 

DIRE 

IPLIMAGE? 

È l'acronimo di Ima gè 
Processing Library - 
Image ed è il formato 
standard scelto da 
Intel per rappresentare 
un'immagine nelle API 
IPL e OpenCV. Tramite 
questa struttura dati è 
possibile gestire 
completamente tutto 
cioè che ruota intorno 
alle immagini: 
caricamento e 
salvataggio, 
conversione di 
formato, elaborazione, 
filtraggio ed infine 
visualizzazione. 



con cvFitEUipse abbiamo individuato l'ellisse di 
approssimazione dell'area occupata dalla sorgente 
luminosa, definito tramite un CvBox2D, una strut- 
tura che contiene il rettangolo che circoscrive l'ellis- 
se, l'angolo con cui è ruotato rispetto le ascisse e le 
coordinate del centro rispetto all'immagine. Erano 
queste le informazioni che andavamo cercando, la 
posizione del centro (box->center), cioè il punto che 
idealmente rappresenta la sorgente luminosa all'in- 
terno del frame originale. 



EVENTI DEL MOUSE 

Possiamo adesso legare la posizione del puntatore 
del mouse sullo schermo del computer con le coor- 
dinate del centro individuato all'interno del frame 
preso dal flusso video. Ogni volta che terminiamo 
l'elaborazione con un risultato positivo (cioè si è 
accertata la presenza della sorgente luminosa e si è 
individuato il centro dell'area occupata da essa sul- 
l'immagine), simuliamo l'evento globale di movi- 
mento del mouse usando la funzione mouse_event 



Antonino Panello, 




GGERIMENTI 



L'uso di LightMouse può essere 
per alcuni un po' complicato, 
specialmente a chi non ha mai 
usato il touchpad dei portatili. 
Non demordere, bisogna 
prenderci un po' la mano prima 
di riuscire ad ottenere un 
movimento fluido. Ricordate 
che spesso basta agire sui 
parametri della finestra di 
controllo per risolvere tante 
difficoltà, ma ricordate sempre 
che in caso di necessità basta 
semplicemente spegnere la luce 
o tappare la lente della webcam 
per ritornare al vecchio e caro 
mouse. LightMouse non ha la 
pretesa di essere un vero e 
proprio servizio di sistema: è un 



semplice programma eseguito 
in background, pronto a fornirci 
a richiesta i suoi servizi, in 
modo da non creare conflitti 
con il mouse. Se lo si volesse 
avere sempre pronto, basta 
creare un collegamento nella 
cartella Startup di Windows a 
LightMouse.exe. Per avviarlo, 
andate sulla System Tray e 
scegliete Avvia. 
Mettete a fuoco la webcam, 
evitate di riprendere lampadari, 
finestre o superfici che 
potrebbero produrre riflessi e 
riverberi, magari abbassate un 
po' le serrande per migliorare 
la resa (oltre che creare un po' 
di atmosfera). 
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BORLAND RITORNO 
CON IL TURBO!!! 

DOPO ESSERSI DEDICATA PER ANNI AL MERCATO DEGLI ALM, BORLAND CREA UNA NUOVA 
DIVISIONE PER IL RILANCIO DEI COMPILATORI E DEGLI IDE DEDICATI ALLA PRODUTTIVITÀ 
INDIVIDUALE. NASCONO I PRODOTTI TURBO EXPLORER E SONO DAVVERO ENTUSIASMANTI 



Borland è tornata. Non che fosse mai sparita, 
ma la società si era concentrata principal- 
mente sullo sviluppo di soluzioni ALM, 
Application Lifecycle Management. Questa scelta 
strategica aveva portato a sacrificare gli investi- 
menti verso un settore storico di Borland, quello 
degli IDE e dei tool di sviluppo. Eppure il "vecchio" 
Turbo Pascal ha segnato l'inizio del boom della 
programmazione ad oggetti, così come Delphi è 
stato il capostipite degli IDE RAd. Proprio per non 
perdere questo patrimonio e per tornare ad occu- 
parsi, in modo primario di questo settore storico, 
l'8 Febbraio scorso Borland aveva annunciato l'in- 
tenzione di trovare un acquirente per la linea di 
prodotti IDE. L'acquisto coinvolgerebbe Delphi, 
C++Builder, C#Builder, JBuilder (e Peloton), 
InterBase, JDataStore, nDataStore e la linea dei pro- 
dotti Turbo. L'obiettivo della nuova società è quello 
di concentrare il proprio Focus sulla produttività 
dello sviluppatore individuale. Il primo passo verso 
la formazione della nuova società è stato quello di 
creare una divisione apposita: la Devco. Alla quale 
partecipano tutti gli attori storici dello sviluppo 
degli IDE Borland capeggiati dal mitico David 
Intersimone, personaggio carismatico del gruppo a 
cui si deve l'esistenza stessa di buona parte dei pro- 
dotti Borland. La nuova divisione dovrebbe essere 
ceduta ad un'acquirente, sono al vaglio molte ipo- 
tesi, quello che più conta è che il gruppo non sarà 
ceduto ad una società informatica ma semplice- 
mente ad un soggetto "finanziario", in grado di sup- 
portare lo sviluppo tecnologico dei vari prodotti. Il 
messaggio è forte e chiaro. La nuova divisione 
vuole solo fare ottimi prodotti rivolti agli sviluppa- 
tori e non vuole avere interferenze dovute a scelte 
strategiche e/o finanziarie. Insomma quelli di 
David Intersimone vogliono occuparsi di ciò che gli 
piace fare: sviluppare. 



I PRODOTTI 

Il primo passo del nuovo Developer Tools Group di 
Borland è stato quello di rilasciare una nuova ver- 



sione di ogni singolo prodotto compreso nel 
Borland Developer Studio e raggruppare questa 
nuova serie di prodotti sotto l'etichetta "Turbo", 
come a voler dire: "ricominciamo dove abbiamo 
lasciato tanti anni fa, dai prodotti migliori che 
abbiamo mai fatto". La nuova serie di Ide compren- 
de: Turbo Delphi® per Win32, Turbo Delphi per 
.NET®, Turbo C++® e Turbo C#®. Ogni versione è 
disponibile in 2 versioni: Turbo Explorer, gratuita 
disponibile per il download e Turbo Professional, 
una versione con un prezzo inferiore a 500 , pensa- 
ta per poter lavorare con migliaia di tool di terze 
parti, componenti e plug-in. Entrambe le versioni 
Turbo consentono agli sviluppatori di creare rapi- 
damente GUI, database e Web Services ad alte 
performance per Microsoft Windows. Turbo Delphi 
per .NET e Turbo C# supportano Microsoft .NET e 
ASPNET. 



L'APPLICAZIONE 
DI ESEMPIO 

In questo primo articolo abbiamo deciso di occu- 
parci di Turbo C#. Lo faremo, come sempre, con un 
approccio molto pratico ovvero mostrando quella 
che è una delle caratteristiche vincenti dei prodotti 
Borland di ultima generazione: ECO. 
ECO è l'acronimo di Enterprise Core Object. Non 
spaventi questa definizione. Vedremo come ECO 
sia infatti principalmente uno strumento per acce- 
lerare ulteriormente lo sviluppo delle applicazioni. 
Questa volta la logica di programmazione sarà leg- 
germente diversa rispetto a quella classica degli 
IDE , che tipicamente partono dallo sviluppo del- 
l'interfaccia onde poi programmarne il comporta- 
mento in reazione a determinati eventi. Questa 
volta inizieremo modellando una serie di classi per 
poi "associarle" all'interfaccia. Il nostro scopo sarà 
realizzare una piccola agendina dei contatti. La 
nostra agendina prevede lo sviluppo di una classe 
base: Contatto, e di due classi astratte derivate dalla 
prima, rispettivamente Persona e Società. La classe 
Contatto sarà definita da 3 campi, rispettivamente 
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NomePersona, NumeroTelefonico, Città. Proviamo 
a realizzare il tutto con ECO. Il primo passo sarà 
creare una nuova applicazione di tipo 
"EcoWinForms Application". 
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Dopo pochi secondi otterrete lo scheletro di un'ap- 
plicazione funzionante. Le caratteristiche sono 
quelle tipiche di un ambiente RAD. C'è la finestra 
delle proprietà, c'è la gestione degli eventi, ci sono 




INSTALLARE TURBO C# 



Prima di tutto dovete dotarvi di 
due file. Uno contentente il setup di 
Turbo C#, l'altro contenete i 
prerequisiti necessari 
all'installazione. Inoltre avrete 
bisogno di una chiave di 
attivazione per il prodotto. 
All'interno del ed allegato ad 
ioProgrammo di questo mese 
troverete il file di installazione di 
Turbo C# Explorer, mancano invece 
il file dei prerequisiti per questioni 
legate alla licenza del software 
prodotto da terze parti in esso 
contenute e la chiave di attivazione 
del prodotto, per ovvi motivi. 
Prima di ogni cosa è necessario 
puntare il proprio browser all'URL: 
http://www.borland.com/downloads/do 
wnload turbo.html. A questo punto 
avete a disposizione due strade: 

1) Non disponete del file dei 
prerequisiti oppure del file di 
installazione del prodotto 

2) Disponete di tutto quello che vi 
serve ma avete bisogno di una 
chiave di attivazione. 

Nel primo caso selezioniamo "Turbo 
C# explorer", effettuiamo la 
registrazione e nella maschera 
successiva selezioniamo i file che ci 
servo per il download. Scegliamo 
"Full prerequites" nel primo 
gruppo di file e la lingua inglese 
per l'installazione del prodotto. In 

v 



entrambi i casi ci sarà inviata una 
mail. Controlliamo di averla 
ricevuta correttamente e 
prendiamone nota mentalmente, il 
suo contenuto ci sarà utile in un 
secondo momento. Una volta che i 
file di installazione e prerequisiti 
saranno in vostro possesso 
dovremo "scompattare" il loro 
contenuto in una directory 
temporanea e installare nell'ordine: 

- Il dot net framework redist 

- il dot net framework Sdk 

- il dot net C# 

- msxml 4.0 

- Internet explorer 6.0 nel caso 
improbabile che non l'abbiate 

Una volta fatto questo potete 
procedere all'instalazione di Turbo 
C# Explorer. Per questo è sufficiente 
seguire l'installazione guidata. 
Al termine dell'installazione 
dovremo attivare il prodotto 
inserendo il file di licenza. 
Ripescate la mail che Borland vi 
aveva mandato e contenente il 
codice di attivazione. Al suo interno 
troverete le indicazioni relative al 
percorso in cui copiare il file di 
attivazione della licenza. Copiate il 
file in questione in una directory 
compatibile con il vostro sistema e 
infine avviate Turbo Explorer C#. 
La vostra versione gratuita di 
Turbo C# Explorer è pronta. 



una serie di file che contengono il codice che viene 
mascherato dall'IDE. Rispetto a quanto conoscia- 
mo normalmente c'è anche una tabsheet che indi- 
ca "Model View", è su questa che dobbiamo clicca- 
re per iniziare il nostro lavoro di modellazione 
delle classi. 







Successivamente cliccheremo due volte su 
"Package 1" si awierà il modellatore delle classi. 
Utilizziamo il pulsante destro del Mouse e dal 
menu a tendina scegliamo "Add Eco Class". 



J ECO Class 
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La finestra appena comparsa rappresenta la nostra 
classe. Rinominiamola "Contatti". 
Agendo ancora una volta sul pulsante destro del 
mouse scegliamo "Add Attribute", e aggiungiamo 
rispettivamente tre attributi: 

NomeCompleto: String 
Città: String 
Numerotelefonico: String 
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Nella finestra delle proprietà dichiariamo la classe 
come "Astratta". A questo punto aggiungiamo esat- 
tamente come nel caso precedente le due classi 
"Persona" e "Società". Non sarà necessario né 
dichiararle come astratte né settare attributi. 
Semplicemente le collegheremo alla classe 
"Contatti" per mezzo di un componente 
" Generalization Implementation". 
Proviamo a compilare, e se tutto e andato a buon 
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fine otterremo una form vuota. L'unica cosa che 
possiamo annotare è che il compilatore è vera- 
mente velocissimo. Se controlliamo nel code 
explorer, noteremo però che ECO ha generato per 
noi tutta la serie completa del codice che imple- 
menta le classi che abbiamo appena disegnato. 
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DISEGNIAMO 
L'INTERFACCIA 

Dobbiamo ora "Agganciare" i componenti dell'in- 
terfaccia alle nostre classi. Per farlo abbiamo biso- 
gno di un po' di componenti. In particolare: 
due bottoni 

AggiungiPersona 

Tipo: button 

Name: aggiungiPersona 



Text: aggiungi persona 



AggiungiSocietà 



Tipo: button 



Name: aggiungiSocietà 



Text: aggiungi società 



ehContatti 



Tipo: expressionHandle 



Root: rhroot 



Expression : contact. allinstances 



eh Persona: 



Tipo: expressionHandle 



Root: eh Root 



Expression: person. allinstances 



ehSocietà: 



Tipo: expressionHandle 



Root: rhroot 



Expression: società. allinstances 



grigliaPersona 



tipo: datagrid 



Datasource: ehPersona 



grigliaSocietà 



Tipo: datagrid 



Datasource: ehSocietà 

Sorvoleremo in questa sede sul senso dei vari 
ExpressionHandle, li considereremo in questo 
momento come dei wrapper che incorporano tutti 
i metodi offerti dalle classi create in precedenza. 
Se tutto è impostato in maniera corretta, provando 
a compilare otterremo qualcosa di simile a quanto 
mostrato in figura 

In sostanza le tre griglie hanno "Agganciato" i 
campi che abbiamo creato precedentemente nel 
"model". Tuttavia al momento non è possibile 
ancora inserire dati in griglia. Per supportare que- 
sta operazione possiamo settare le proprietà dei 
bottoni "AggiungiSocietà", "AggiungiPersona", 
come segue: 

BindingContext: grigliasocietà 

Ecolist: Add 

RootHandle: ehSocietà 



u§ WinForm 



nurnerotelefo 



Fatto questo possiamo provare a ricompilare. 
Noterete che è adesso possibile aggiungere campi 
alle griglie. I valori riportati per le griglie società e 
persona compariranno anche nella griglia 
Contacts. 





Aggiungi Persona 



Aggiungi Società 



Salva 



grigliaContatti 



Tipo: datagrid 



Datasource: ehContatti 



LA PERSISTENZA 

Per implementare la persistenza avremo bisogno 
di compiere pochi passi: 
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• cliccare due volte sul nome del file 
Ecospace.cs 

• aggiungere un componente Persistence 
MapperXml 

• settare la sua proprietà filename a dati.xml 

• ciccare sullo spazio bianco sottostante e 
nella scheda delle proprietà settare persi- 
stence Mapper con il nome del nuovo com- 
ponente. 

Infine aggiungiamo un bottone "update" e 
cliccando due volte su di esso definiamo Te- 
vento OnClick con il codice seguente: 

Ecospace.UpdateDatabase 

Proviamo a ricompilare... ed il gioco è fatto, 
questa volta i dati saranno salvati e la persi- 
stenza implementata. La cosa interessante è 
che non ci siamo neanche preoccupati di con- 
trollare il formato con cui questi dati sono 
stati salvati in XML. Ma siamo convinti che si 
tratti di uno standard. 



CONCLUSIONI 

Per realizzare il nostro progetto abbiamo 
impiegato non più di 13 minut e una sola riga 
di codice. Si tratta di una rubrichetta dei con- 
tatti con persistenza dei dati in un file XML. 
La cosa interessante consiste proprio nella 
possibilità di "Modellizzare" il progetto prima 
di realizzarne l'interfaccia. La nuova linea di 
Borland promette più che bene. C'è ancora 
qualche elemento da mettere a punto, ad 
esempio attualmente tutto funziona con la 
versione 1.1 del .NET framework, ma proba- 
bilmente non è intenzione di Borland aggan- 
ciarsi troppo agli strumenti già implementati 
da Microsoft. Ma questo rientra in considera- 
zioni commerciali e noi come il Dev Group di 
Borland non abbiamo nessuna intenzione di 
lanciarci in questo genere di considerazioni. 
Quello che ci preme è valutare l'aspetto tecni- 
co di un prodotto, e dal punto di vista squisi- 
tamente tecnico il primo rilascio della nuova 
serie dei prodotti Borland è decisamente otti- 
mo. 




ETTERA DI DAVID INTERSIMONE AGLI SVILUPPATORI 



Ho iniziato usando Turbo 
Pascal 1.0 nel novembre del 
1983, quando Philippe Kahn 
mi diede una copia al Comdex 
di Las Vegas. Dopo averlo 
installato sul mio PC IBM ho 
capito immediatamente che 
era qualcosa di diverso. Quel 
giorno ho capito di voler 
andare a lavorare per Borland. 
Ho iniziato a lavorare in 
Borland il 17 giugno 1985 e 
negli ultimi 20 anni ho avuto 
il piacere di far parte di una 
fantastica società e grande 
comunità di sviluppatori 
software. Ho avuto il lusso e il 
piacere di lavorare nell'R&D 
nei primi anni di vita dei 
linguaggi Turbo. Negli ultimi 
15 anni ho tenuto le relazioni 
con gli sviluppatori, 
viaggiando in tutto il mondo 
per incontrare decine di 
migliaia di programmatori. 
Ogni giorno vado al lavoro e 
collaboro con i migliori 
ingegneri del software al 
mondo che più si focalizzano 
sulle necessità dello 
sviluppatore. 
Sono molto eccitato di 
passare alla nuova società. 
Abbiamo le giuste persone, 
abbiamo il giusto eco-sistema 
di prodotti e componenti di 



terze parti, abbiamo gli 
autori, gli insegnanti, i 
consulenti, gli esperti e una 
comunità fedele - il 
componente più importante. 
La nostra nuova società sarà 
completamente focalizzata su 
di voi e il vostro successo. 
Si, entrambe le società si 
focalizzeranno sullo sviluppo 
software. Entrambe 
lavoreranno per avanzare lo 
stato dell'arte del software. 
Lo faranno semplicemente in 
due modi differenti. La nostra 
lo farà dedicandosi sulla 
produttività del singolo 
sviluppatore e creando 
prodotti di qualità per lo 
sviluppo applicativo, 
utilizzando i nostri 
pluripremiati IDE, strumenti, 
librerie di componenti, classi e 
database. Borland lo farà 
indirizzando le necessità di 
più grandi organizzazioni, 
aiutandole a ottimizzare la 
delivery dei loro progetti 
software. 

Daryl Taft di eWeek mi ha 
chiesto: "Come impiegato più 
"anziano" di Borland, come ti 
colpisce lo spin-off?" Ho 
risposto dicendo che vado 
verso la nuova società con un 



gran sorriso sulla faccia e una 
piccola lacrima negli occhi. 
Voglio assicurare a tutti voi 
che siamo qui a Scotts Valley, 
e in tutto il mondo, Italia 
compresa, per lavorare sulle 
future versioni di Delphi, 
JBuilder e di tutti gli altri 
prodotti. Stiamo ascoltando, 
ancora e di più, le vostre 
necessità, problemi e 
suggerimenti. Stiamo 
seguendo e valutando le 
tecnologie relative a 
Windows, .NET, Java, open 
standard e le tecnologie 
emergenti da cui volete e 
vorrete trarre vantaggio. 

Sono convinto che questa sia 
la cosa giusta da fare per il 
nostro comune business: gli 
IDE. Ed è la cosa giusta per 
l'ALM di Borland. La nostra 
priorità ora è quella di una 
migrazione riuscita e non 
traumatica per i nostri 
sviluppatori e il creare una 
macchina con maggiori 
investimenti, unica 
focalizzazione e forte 
crescita. 

Questa non è la fine di una 
linea di prodotto ma il suo il 
potenziamento. Questa 
mossa costituisce la migliore 



garanzia per i nostri clienti, I 
nostra comunità e la nostra 
società stessa. 

Il gruppo dei tool di sviluppo 
in Borland ha già costituito 
una divisione completamente 
indipendente, con personale e 
budget dedicati, che opera in 
maniera autonoma per il bene 
della comunità. Non abbiamo 
ancora identificato 
l'acquirente della divisione. 
Posso anticipare che non sarà 
alcuna società di software o 
hardware e che sto 
personalmente lavorando con 
il top management per 
identificare il giusto 
acquirente, che porterà avanti 
gli interessi degli IDE. 
Ricordate: Borland è 
impegnata prima di tutto 
verso i suoi clienti e le loro 
necessità. 

L'8 febbraio mi hanno ridato 
la "mia" società. 

Go Borland. Go New 
Company. Go Developers! 

David Intersimone, "David 
I" Vice President, Developer 
Relations e Chief Evangelist 
Borland Software 
Corporation 
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LASZLO QUASI COME 
FLEX MA GRATIS 

C'È UN FILE DI TESTO CONTENENTE XML, C'È UN COMPILATORE ON THE FLY. TU RICHIAMI 
UNA PAGINA WEB, IL COMPILATORE INTERPRETA IL FILE XML E TIRA FUORI 
UN'APPLICAZIONE FLASH! TUTTO GRATUITO, TUTTO SUPERCOMPATIBILE...WOW! 




f^DQ 



-\ 



WEB 





Java 2 Standard Edition 
SDK 1.4.0 o superiore, 
Eclipse 3.1 SDK + 
Eclipse Web Standard 
Tools (WST) 1.0.0 o superiore 



E^E^aE^a 



Tempo di realizzazione 



Con la sigla Web 2.0 non si fa altro che iden- 
tificare la seconda ondata evolutiva che 
sta interessando le applicazioni web. 
Questa tipologia di applicazioni sono convenzio- 
nalmente caratterizzate da un'interazione, che si 
è soliti definire, di tipo click, wait and refresh. Il 
normale flusso delle operazioni è, infatti, defini- 
to da un'interazione utente (click) che è comuni- 
cata ad un web server. Quest'ultimo elabora l'o- 
perazione e risponde con l'invio di una nuova 
pagina (wait) che è visualizzata sul browser 
(refresh). Da un punto di vista di basso livello si 
parla di modello di comunicazione sincrona con 
flusso logico di tipo page-driver, determinato 
lato server. Solitamente l'utente percepisce una 
scarsa usabilità, per niente paragonabile a quella 
che si ha con l'utilizzo delle applicazioni desk- 
top, che hanno tempi di risposta minori e feed- 
back utente legati alle attività più lunghe. Tali 
lacune, insieme con altri fattori come la riduzio- 
ne dei tempi di download e l'evoluzione dei web 
browser, hanno fatto nascere una nuova tecnolo- 
gia denominata Rich Internet Applications (RIA), 
le cui principali caratteristiche sono: interazione 
immediata senza percezione di roundtrip del 
server, logica applicativa suddivisa fra client e 
server ed esecuzione locale in un ambiente sicu- 
ro denominato sandbox. Il beneficio più signifi- 
cativo, legato all'uso di tale tecnologia, è dato da 
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Fig. 1: Una RIA dimostrativa rappresentante 
il catalogo musicale del sito Amazon 



un maggiore impatto dello strato di presentazio- 
ne il cui scopo primario è accrescere quello che 
in termini economi è chiamato ROI: return on 
investment. AJAX è attualmente la tecnologia RIA 
più diffusa (vedi Gmail e GoogleMaps). Nel corso 
di questo articolo introdurremo OpenLaszlo, un 
framework J2EE per lo sviluppo di applicazioni 
RIA che rappresenta l'alternativa open-source al 
più blasonato e commerciale Flex, sviluppato da 
Macromedia, di cui ci siamo già interessati nel 
numero 106 di ioProgrammo. 



FLUSSO APPLICATIVO 
E CONCETTI BASE 

La distribuzione di OpenLaszlo, utilizzata in que- 
sto numero, include la versione 5.0.24 di Tomcat. 
È possibile integrare la piattaforma OpenLaszlo 
all'interno di un qualsiasi J2EE servlet container. 
Il flusso applicativo è abbastanza semplice in 
quanto analogo a quello presentato per le JSP 
(Java Server Pages): 

1. L'utente, attraverso il browser, contatta un 
URL che punta ad un'applicazione 
OpenLaszlo inviando una richiesta http 

2. La piattaforma OpenLaszlo individua il file in 
formato XML e lo compila solo nel caso in cui 
il file non sia mai stato compilato o abbia 
subito modifiche dalla sua ultima compilazio- 
ne. 

3. L'applicazione viene ritornata al web browser 
sotto forma di byitecode SWF (versione 8). 

Dal punto di vista di uno sviluppatore, la parte 
più interessante è rappresentata dal codice sor- 
gente. Le applicazioni OpenLaszlo sono definite 
da uno o più file in formato XML (well- forme d), 
che convenzionalmente riportano l'estensione 
.lzx, contenenti un linguaggio di programmazio- 
ne object-oriented basato su tag e facente uso di 
sintassi XML e JavaScript. Tale linguaggio, detto 
LZX Programming Language, essendo molto 
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simile a XUL (XML User interface Language), 
induce lo sviluppatore all'uso del paradigma 
MVC (Model-View-Controller). Come primo 
esempio non potevamo esimerci dal creare il 
classico helloworld.lzx: 

<?xml version="1.0" encoding = "UTF-8" ?> 
<canvas> 

<text x="177" y="172" id = "labell" 

width="113" fontsize="19" 
font="Arial" 

fgcolor="0x0Q000Q" 

fontstyle="bold" 
text="Hello World!!!"> 



</text> 



</canvas> 

Per compilare ed eseguire è sufficiente copiare il 
file nella cartella <OPENLASZLO_SERVER_ 
INSTALL_ DIR>\Server\lps-3.3.1\my-apps e pun- 
tare, via web browser, l'URL http://localhost: 
8080/lps-3.3.1/my-apps/helloworld.lzx : l'applicazio- 
ne visualizzeràil più classico degli "Hello 
World!!!". Come si può notare si tratta di un 
comune documento XML il cui elemento più 
interessante è il tag text, le cui proprietà ne defi- 
niscono la visualizzazione a video. 



disaccoppiare la logica dell'azione da quella del 
componente: 

<button text=" Butto n" id = "buttonl" 

onclick="changel_abel()" 
x="210" y="194"> 



</button> 



<script> 



function changeLabelQ { 



labell.setText('Siamo tutti amici di 

ioProgrammo') 



} 



</script> 



APPLICAZIONI ANIMATE 

Le animazioni all'interno delle applicazioni sono 
uno strumento estremamente utile per quanto 
riguarda la costruzione di interfacce utente 
accattivanti. In questo paragrafo vedremo come 
sia possibile inserire semplici animazioni 
seguendo i metodi messi a disposizione delle API 
di OpenLaszlo. Quello che faremo è creare un'ap- 
plicazione contenente una label. Cliccando su 
questo componente sarà aperto un nuovo pan- 
nello che si espanderà gradualmente ed al cui 
interno saranno presenti un messaggio ed un 
bottone: 




GESTIONE DEGLI EVENTI 

In questa sezione aggiungeremo al precedente 
esempio un pulsante dotato di logica applicativa: 

<?xml version="1.0" encoding = "UTF-8" ?> 
<canvas> 

<text x="177" y="172" id = "labell" 

width="113" fontsize="19" 
font="Arial" 

fgcolor="0x000Q00" 

fontstyle="bold" 

text="Hello World!!!" resize="true"> 
</text> 
<button text="Button" id = "buttonl" 

onclick="labell.setText('Siamo tutti 

amici di ioProgrammo')" 

x="21Q" y="194"> 

</button> 
</canvas> 



La proprietà onclick, del componente identifica- 
to dal tag button, specifica l'azione da eseguire a 
fronte dell'evento di click: il cambio della label 1 
da "Hello World!!!" a "Siamo tutti amici di 
ioProgrammo" invocando il metodo setText. 
Il codice appena visto è perfettamente funzio- 
nante ma risulta poco leggibile. Per migliorarne 
la forma e renderlo più elegante potremmo 



<view width = "200" bgcolor="#345467"> 
<simplelayout axis="y"/> 
<text fgcolor="red" fontstyle="bold" 

clickable="true"> ioProgrammo 
<method event="onclick"> 
parent.details.animate("height",parent.details.height 

= = 0?200:0, 1000, false); 

</method> 
</text> 
<view name="details" height="0" 

width = "${parent.width>" clip="true" > 

<text y="10" multiline="true" 

fgcolor="white" width="${parent.width}">LA PIÙ' 

DIFFUSA RIVISTA DI PROGRAMMAZIONE! <brx/br> 

Se sei un appassionato di programmazione questa è 

la rivista che fa per te!</text> 



<button y="90" text=' 


Clicca per 


entra re!"> 


<method event="onclick"> 


getURL("javascript: NewWindow= 
www.ioproc 


=window.open('http:// 
rammo.it', 'newWin')") 


</method> 


</button> 


</view> 


</view> 


</canvas> 



La parte più significativa di questo esempio risiede 
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neWonclick del componente text. L'azione associata 
invoca il metodo animate, presente in tutti i compo- 
nenti messi a disposizione dal framework, variando 
l'altezza del componente details da a 200 pixel in 
un tempo di 1000 ms. 

Se avete fatto attenzione, avrete anche notato la 
terza e ultima modalità per la definizione dei com- 
portamenti legati ad un dato evento: attraverso il 
tag method. Analogamente alle classi Java, i compo- 
nenti forniti da OpenLaszlo sono composti da attri- 
buti e metodi. Quest'ultimi possono essere ridefini- 
ti come nell'esempio dell' onclick. Per maggiori 
informazioni relativi agli oggetti LZX è possibile 
consultare la reference LZX contenuta nel pacchet- 
to d'installazione. 



DATA BiniDIMG 

Negli esempi finora descritti, i dati presentati 
all'utente sono stati esplicitamente dichiarati 
nei sorgenti. Questa metodologia, oltre ad essere 
poco elegante, necessita la modifica e la ricom- 
pilazione del codice ogni volta i dati vengano 
modificati. Per separare la parte dati dal codice 
sorgente, OpenLaszlo mette a disposizione dello 
sviluppatore delle utili funzioni di databinding 
attraverso le quali è possibile associare ai com- 
ponenti LZX il contenuto di strutture dati defini- 
te, tanto per cambiare, in formato XML. Ad 
esempio, il seguente documento XML rappre- 
sentante il contenuto di un'ipotetica videoteca: 

<?xml version="1.0" encoding = "UTF-8"?> 
<videoteca> 

<film> 

<titolo>Spider-man</titolo> 
<regista>Sam Raimi</regista> 
<anno>2002</anno> 
</film> 
<film> 

<titolo>La vita è bella</titolo> 

< regista > Roberto 

Benigni</regista> 
<anno>1998</anno> 

</film> 

<film> 

<titolo>Titanic</titolo> 

< regista > James 

Cameron</regista> 
<anno>1998</anno> 
</film> 
</videoteca> 



può essere "collegato" ad un'applicazione 
OpenLaszlo usando il tag dataset: 



<dataset name="dataset" src="videoteca.xml"/> 
<simplelayout axis="y"/> 
<view datapath="dataset:/videoteca/film"> 
<simplelayout axis="x"/> 



<text datapath = "titolo/text()"/> 



<text datapath = "regista/text()"/> 



<text datapath = "anno/text()"/> 



</view> 



</canvas> 

Il contenuto del documento XML è "mappato" 
nell'elemento dataset ed è successivamente 
utilizzato nei componenti text attraverso la 
proprietà datapath. Sia per la parte di binding 
sia per quella di accesso ai dati, OpenLaszlo 
utilizza un sottoinsieme di funzioni XPath, lo 
standard definito dal consorzio W3C per iden- 
tificare gli elementi all'interno di documenti 
XML. 

L'esempio appena visualizzato descrive come 
integrare una struttura dati statica. Adesso 
vedremo come lo stesso documento XML 
possa essere generato dinamicamente attra- 
verso una chiamata server- side aggiungendo 
degli specifici attributi al tag dataset: 

<dataset name="dataset" 

autorequest="true" type="http" 
src="getVideoteca.jsp7> 

In questo modo stiamo chiedendo al dataset di 
"mappare" la struttura dati attraverso la chiamata di 
una pagina JSP residente sul server: 

<%@ page import="java.sql.*"%> 
<videoteca> 

<% 

Connection connection = nuli; 

try { 

Class. forl\lame("org.hsqldb.jdbcDriver"); 
connection = DriverManager.getConnection 
("jdbc:hsqldb:file:videotecastore", "sa", ""); 



Statement stmt 



connection. createStatementQ; 



ResultSet rs = stmt.executeQuery("select * 

from videoteca"); 



while (rs.nextQ) { 



%> 



<film> 



<titolo><%= 

rs.getString("titolo")%x/titolo> 
< regista ><%= 
rs.getString("regista")%x/regista> 
<anno><%= 

rs.getInt("anno")%x/anno> 
</film> 
<% 
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} catch (Exception e) { 



e.printStackTraceQ; 



} finally { 



try { 



connection. closeQ; 



} catch (SQLException e) {} 



%> 



</videoteca> 

In questo esempio si è scelto di utilizzare una pagi- 
na JSP che raccoglie i dati da un database e li ritor- 
na formattati in XML, ma è possibile utilizzare qua- 
lunque tipo di tecnologia server-side capace di 
generare dinamicamente documenti XML. 
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Fig. 2: Uno screenshot che mostra il Laszlo 
Debugger 




LASZLO DEBUGGER 

In questo paragrafo vedremo come OpenLaszlo 
viene incontro ad una delle fondamentali neces- 
sità dello sviluppatore: il debugging. Il fra- 
mework, infatti, mette a disposizione il Laszlo 
Debugger un utile tool per ispezionare gli stati 
dell'applicazione attraverso delle stampe. Nel 
seguente codice viene riproposto il sorgente 
usato per la descrizione della gestione eventi in 
modalità debug: 

<?xml version="1.0" encoding = "UTF-8" ?> 
<canvas debug="true"> 
<text x="177" y="172" 

width="113" fontsize="19" 

font="Arial" 



fgcolor="0x000000" 



fontstyle="bold" 



text="Hello World!!!" resize="true" 

id = "labell"> 



</text> 



<button text="Button" id = "buttonl" 



onclick="changel_abel()" 



x="210" y="194"> 



</button> 



<script> 



function changeLabelQ { 



Debug. write('esecuzione della 

funzione changel_abel()'); 
label l.setText('Siamo tutti amici di 

ioProgrammo') 



> 



</script> 



</canvas> 

Per abilitare il debugger, come mostrato in Figura 2, 
è stato necessario impostare a true la proprietà 
debug del tag canvas. Mentre, per stampare nella 
debugger console è sufficiente aggiungere l'invoca- 
zione del metodo Debug. write. 



LASZLO 
DENTRO ECLIPSE 

La consistenza della soluzione OpenLaszlo è misu- 
rabile anche dall'attenzione che un colosso interna- 
zionale come IBM sta dedicando a questa tecnolo- 
gia. Da Ottobre 2005, IBM e Laszlo Systems hanno 
infatti raggiunto un accordo per lo sviluppo di un 
plugin per Eclipse il cui compito è quello di facilita- 
re la creazione ed il testing di progetti basati su 
OpenLaszlo. Il plugin, distribuito gratuitamente, è 
dotato di interessanti caratteristiche quali XML 
Syntax Highlighting e Script-based content assi- 
stance. Inoltre, attraverso la vista "Preview" è possi- 
bile eseguire l'applicazione su cui stiamo lavorando 
senza il bisogno di fare deploy sul web server. 




Fig. 3:Uno screenshot che mostra la preview 
di un'applicazione OpenLaszlo 



CONCLUSIONI 

Le Rich Internet Applications rappresentano un 
nuovo modo di programmare e sono particolar- 
mente consigliate per applicazioni contenenti pro- 
cessi multistep o che necessitano di validazione 
lato client. La loro introduzione permette un note- 
vole passo in avanti in termini di interazione uten- 
te, ma allo stesso tempo aggiunge delle complessità 
aggiuntive. In questo articolo abbiamo visto come 
attraverso l'uso di OpenLaszlo, un presentation ser- 
ver open-source, sia possibile implementarle in 
maniera facile e veloce. 

Fabrizio Fortino 
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NUOVA GENERAZIONE 

IN QUESTO ARTICOLO APPRENDEREMO ALCUNE TECNICHE CHE CI CONSENTIRANNO 
DI REALIZZARE FACILMENTE APPLICAZIONI AJAX-BASED. VEDREMO, INOLTRE, CHE XML 
NON SEMPRE COSTITUISCE LA SOLUZIONE MIGLIORE PER L'INTERSCAMBIO DI DATI 
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JSON è un formato utilizzato per rappre- 
sentare e scambiare dati. In pratica, svol- 
ge la stessa funzione di XML con il van- 
taggio di essere più leggero. Inoltre, utilizzan- 
do JavaScript, è molto semplice effettuare il 
parsing di un messaggio in formato JSON. 
Addirittura vedremo che è sufficiente una sola 
istruzione! JSON è l'acronimo di JavaScript 
Object Notation. Una stringa in formato JSON 
non è altro che un oggetto e/o un array 
JavaScript espresso in modo letterale. 
AJAX è la tecnologia emergente che ha rivolu- 
zionato il modo di concepire la programma- 
zione Web. La rivoluzione è stata tale da rife- 
rirsi spesso ad essa col termine Web 2.0. AJAX 
sta per Asynchronous JavaScript + XML. 
L'acronimo, ormai, è un po' fuorviarne dato 
che AJAX può essere usato oggigiorno per 
richiedere al server, oltre che XML, dati in vari 
formati. La cosa più importante, ed interes- 
sante, è che AJAX ci permette di inviare chia- 
mate asincrone al server. 
In quest'articolo vedremo come integrare 
queste due tecnologie per costruire applica- 
zioni performanti di ultima generazione... 
Web 2.0 appunto. 



CONFRONTO 
TRA JSON E XML 

Per apprendere una tecnologia è spesso utile 
metterla a confronto con una già esistente e 
conosciuta. A tal proposito modelleremo una 
realtà classica, ovvero quella rappresentata 
dalla gestione dell'anagrafica degli impiegati 
di una società X. Lo faremo prima in XML e 
poi in JSON. Per semplicità modelleremo l'a- 
nagrafica di un impiegato solo attraverso 
poche proprietà: Cognome, Nome, Città, 
Dipartimento. Il corrispondente in XML 
potrebbe essere qualcosa del genere: 

<?xml version='1.0' encoding='UTF-8'?> 



<employees> 



<employee> 



<surname>Lacava</surname> 



<name> Alessa ndro</name> 



< city > Milano </city> 



<department>IT</department> 



</employee> 



<employee> 



<surname>Mautone</surname> 



<name> Giovanna </na me > 



<city>Varese</city> 



<department> Affari 

Legali </department> 



</employee> 



</employees> 



La notazione è quella classica della sintassi 
well formed. Proviamo adesso a rappresenta- 
re gli stessi dati attraverso JSON: 



{ 



"employees" 



[ 



"surname" : "Lacava", 



"name" : "Alessandro", 



"city" : "Milano", 



"department" : "IT" 



"surname" : "Mautone", 



"nanne" : "Giovanna", 



"city" : "Varese", 



"department" : "Affari Legali" 



} 



Potete già notare la minore "verbosità" di 
JSON rispetto a XML. Infatti, ci si riferisce 
spesso a JSON come ad un'alternativa "fat- 
free" (priva di grasso) di XML. Seppur meno 
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verboso, è stupefacente come JSON sia tanto 
espressivo quanto XML. Chiaramente, gli 
spazi utilizzati all'interno di una stringa in 
formato JSON sono del tutto arbitrari. Potete 
quindi indentare i vostri dati come più vi 
piace. Gli esperti di JavaScript avranno notato 
che JSON ne è un sottoinsieme. Il codice 
appena visto, infatti, non è altro che un modo 
letterale per esprimere oggetti ed array in 
JavaScript. Vediamo, dunque, di chiarire come 
sono rappresentati oggetti ed array utilizzan- 
do JSON. 



DUE PILASTRI 
FONDAMENTALI 

Sostanzialmente JSON viene utilizzato per 
rappresentare una sequenza di array e/o 
oggetti. Se, ad esempio, dovessimo rappresen- 
tare l'oggetto libro con proprietà: ISBN, 
Titolo, Autore ed Editore, ci basterebbe scrive- 
re il seguente codice: 



{"libro" : 


{ "ISBN" : 0764579088, 


"titolo" : "Professional 

JavaScript for Web Developers" 


"autore" : "Nicholas C. Zakas", 


"editore" : "Wrox" 


} 


} 



In JSON, un oggetto non è altro che un insie- 
me non ordinato di coppie proprietà/valore. 
Un oggetto inizia con la parentesi graffa aper- 
ta e finisce con quella chiusa. Ogni proprietà è 
seguita dai due punti e dal valore della stessa. 
Il valore della proprietà può essere uno dei 
seguenti tipi JavaScript: stringa, numero, 
oggetto, array, true, false, nuli. Abbiamo rap- 
presentato il campo ISBN come un numero 
mentre le altre proprietà come stringhe. La 
stringa libro rappresenta il reference dell'og- 
getto. In pratica, per costruire lo stesso ogget- 
to in JavaScript avremmo potuto usare il 
seguente codice: 



var libro = new Object(); 


libro. ISBN = 0764579088; 


libro. titolo = "Professional 


JavaScript for Web 

Developers"; 


libro. autore = "Nicholas C 


Zakas"; 


libro. editore = "Wrox"; 



Oppure, utilizzando la notazione letterale: 

"ISBN" : 0764579088, 



"titolo" : 

"Professional JavaScript for Web Developers" 
"autore" : "Nicholas C. Zakas" 
"editore" : "Wrox" 



}; 



Come potete notare, questa seconda versione 
assomiglia molto alla sintassi JSON, a riprova 
del fatto che JSON non è nient' altro che un 
sottoinsieme di JavaScript. Potreste obiettare 
che ciò non è vero in quanto la sintassi utiliz- 
zata in JSON non è esattamente uguale a que- 
st'ultima vista. Ok, proviamo a confrontare co 
il seguente codice: 



var obj = eval( 



{ 



"libro" : { 



"ISBN" : 0764579088, 



"titolo" : "Professional 
JavaScript for Web Developers" 



"autore" : "Nicholas C. Zakas" 



"editore" : "Wrox" 



); 



//visualizza il titolo del libro 



alert(obj. libro, titolo); 

In sostanza, abbiamo preso l'oggetto libro, 
rappresentato utilizzando la sintassi JSON, e 
l'abbiamo "inglobato" all'interno della fun- 
zione eval. Quest'ultima non fa altro che ese- 
guire il codice JavaScript che le viene passato 
come argomento. Eval si comporta in pratica 
come un vero e proprio interprete JavaScript. 
Ad esempio: 

eval("alertCCiao Mondo!')"); 

visualizza un alert contenente la stringa Ciao 
Mondo! Tornando a JSON vediamo, ora, come 
è possibile rappresentare un array, ad esem- 
pio l' array linguaggi. 



GLI STRUMENTI NECESSARI 




Per eseguire gli esempi di 
quest'articolo avete bisogno di 
un Web server. Questo perché 
AJAX comunica proprio con un 
server per scambiare messaggi 
HTTP. Quindi, per richiamare la 
pagina index.htm di esempio 
non sarà sufficiente fare doppio 
click su essa. Infatti, dovrete 



farlo attraverso il Web server. Ad 
esempio, se avete Apache HTTP 
Server in ascolto sulla porta di 
default, dovrete richiamare la 
pagina utilizzando l'indirizzo: 
http://localhost/JSON/index.htm. 
Questo supposto che index.htm 
si trovi sotto una cartella di 
nome JSON. 
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{"linguaggi" 



[ 



"Java", 



"C#", 



"JavaScript" 



] 



} 



In JSON un array è una sequenza ordinata di 
valori. Tali valori possono essere rappresenta- 
ti dai tipi JavaScript già descritti in preceden- 
za. Ad esempio, è possibile avere un array di 
oggetti. 



UNA COPPIA 
VINCENTE! 

AJAX è una tecnologia relativamente recente 
che promette di rivoluzionare il modo di con- 
cepire la programmazione Web. Basti pensare 
che colossi dell'IT quali Google ne fanno già 
un uso massiccio per le loro applicazioni. 
In pratica, utilizzando AJAX si possono inviare 
richieste asincrone ad un Web server. È possi- 
bile, quindi, aggiornare lo stato di un compo- 
nente della pagina (in base alla risposta rice- 
vuta dal server) senza "refreshare" l'intera 
pagina. Facciamo subito un semplice esem- 
pio. Supponiamo di avere in una pagina due 
combo box. In una combo è possibile selezio- 
nare una regione italiana. Nell'altra, invece, è 
possibile selezionare la provincia relativa alla 
regione scelta in precedenza. È chiaro che la 
combo delle province dipende fortemente 
dalla combo delle regioni. Ovvero, la combo 
delle province sarà riempita solo dopo che 
l'utente seleziona la regione. Vediamo come 
sarebbe risolto tale problema utilizzando due 
scenari, quello classico e quello utilizzando 
AJAX. 

Scenario classico: 

Senza l'ausilio di AJAX dovremmo ragionare 
nel seguente modo. Appena l'utente seleziona 
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Fig. 1: Screenshot dell'applicazione 



la regione parte una richiesta al server per 
recuperare la lista delle province riguardante 
la regione. Appena tale ricerca finisce, ossia 
quando riceviamo il response dal server, viene 
rinfrescata l'intera pagina. Tale refresh aggior- 
na la combo delle province e ricarica tutti gli 
altri elementi della pagina, anche se non 
hanno subito cambiamenti. 

Scenario concernente l'utilizzo di AJAX: 

Appena l'utente seleziona la regione parte, in 
modo asincrono e quindi non bloccante, la 
ricerca delle province associate. Nel momento 
in cui tale ricerca finisce viene fatto il refresh 
del solo componente relativo alle province. 
Ovvero la combo delle province. 

Quello espresso a parole in quest'ultimo caso, 
è proprio ciò che AJAX ci consente di fare 
nella pratica. 



L'APPLICAZIONE 
DI ESEMPIO 

Implementermo proprio un'applicazione web 
che data una combobox, consente di selezio- 
nare al suo interno il nome di una regione ita- 
liana e restituisce l'elenco delle sue province. 
Il tutto ovviamente senza effettuare il refresh 
della pagina. Utilizziamo AJAX e JSON per 
creare le due combo box per la selezione della 
regione e relativa provincia descritte prima. Il 
risultato che vogliamo ottenere è visibile in 
figura 1. 1 passi da seguire sono i seguenti: 

• Creare il codice HTML relativo all'applica- 
zione 

• Scrivere il codice JavaScript per la gestione 
delle chiamate AJAX e l'interpretazione dei 
messaggi JSON ricevuti. 

• Creazione dei messaggi JSON ovvero la rap- 
presentazione di regioni e province. 

Per semplicità, i messaggi JSON saranno scrit- 
ti direttamente in due file di testo. 
Ovviamente, in un'applicazione per il mondo 
reale tali messaggi verrebbero creati dinami- 
camente interrogando, ad esempio, una base 
di dati. Tuttavia, per lo scopo didattico dell'ar- 
ticolo, i file .txt fanno al caso nostro. Il codice 
HTML riguardante l'applicazione è molto 
semplice. Eccone il corpo: 

<body onload="retrieveRegions(); 

retrieveProvinces();"> 
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<form name="provinceItaliane"> 

<h2>Regione</h2> 

<div id="regione"> 
<!-- Qui verrà inserito il risultato della chiamata 
AJAX relativa alle regioni— > 

</div> 

<h2> Provi ncia</h2> 

<div id="provincia"> 
<!-- Qui verrà inserito il risultato della chiamata AJAX 
relativa alle province--> 

</div> 
</form> 
</body> 

In pratica, all'evento load della pagina sono 
associate due chiamate ad altrettante funzio- 
ni JavaScript. I due div, invece, sono dei 
segnaposto per entrambe le combo box. 
Esaminiamo le funzioni JavaScript. La funzio- 
ne retrieveRegions ha il seguente codice: 

//recupera le regioni usando una chiamata AJAX 
function retrieveRegions() 

i 

//crea l'oggetto XMLHttp 

httpRequestForRegions = 

createHttpRequest(); 
//prepara la richiesta 
//nota: il terzo parametro indica se la 
//richiesta deve essere asincrona o meno 
httpRequestForRegions. open("get", 
"http://localhost/JSON/regioni.txt", true); 
//funzione di callback 

httpRequestForRegions. onreadystatechange = 

displayComboRegions; 
//invia la richiesta 
httpRequestForRegions. send(null); 

} 



La funzione crea un oggetto del tipo 
XMLHttpRequest, utilizzato per fare chiamate 
asincrone al server. Per fare ciò viene chiama- 
ta la funzione createHttpRequest che vedremo 
più avanti. In seguito, viene chiamato il meto- 
do open sull'oggetto. Tale metodo accetta tre 
parametri. Il primo indica il metodo HTTP da 
utilizzare, nel nostro caso get. Il secondo è 
TTJRL a cui inviare la richiesta. Il terzo para- 
metro indica se la richiesta deve essere asin- 
crona. Se è asincrona allora occorre definire 
una funzione di callback che sarà chiamata 
all'occorrenza. Nel nostro caso tale funzione è 
displayComboRegions. Infine, viene inviata la 
richiesta vera e propria tramite il metodo 
send. Tale metodo accetta in ingresso la lista 
dei parametri da passare al server. Nel nostro 
caso nessuno. Vediamo, ora, il codice della 
funzione di callback: 



//visualizza la combo relativa alle regioni 
function displayComboRegions() 

i 

//controlla lo stato della risposta 
if(httpRequestForRegions.readyState = = 
4 && httpRequestForRegions. status == 200) 

{ 

var jsonObject = evalfC + 
httpRequestForRegions. responseText + ')'); 
var regions = jsonObject. regioni; 
//combo 
var htmIResponse = "<select 

name='regions' 
onchange=YetrieveProvinces();'>"; 




for(i = 0; i < regions. length; 



i ++) 



//riempie la combo 

//delle regioni 



htmIResponse += 



"<option value='" + regions[i] + m >" + regions[i] 

+ "</option>"; 



} 



document.getElementByld ("regione"). innerHTML 

= htmIResponse; 



} 



} 



La prima cosa che fa è controllare lo stato 
della risposta e il relativo codice HTTP. Se 
readyState vale 4 e status è 200, vuol dire che 
la richiesta è stata completata e la risposta ha 
un codice di successo (200). A questo punto 
entra in gioco JSON. La funzione eval esegue il 
parsing delle regioni espresse in formato 
JSON. 

Il contenuto del file regioni, txt, infatti, non è 
altro che una stringa in formato JSON: 

{"regioni" : ["Calabria" "Lazio", "Lombardia"]} 

Abbiamo indicato solo tre regioni per sempli- 



CONSIDERAZIONI SULLA SICUREZZA 



La funzione eval è molto 
potente ma altrettanto 
pericolosa. Essa esegue, 
infatti, qualsiasi codice 
JavaScript le viene passato. Se 
non siete sicuri della fonte da 
cui proviene la stringa da 
parsare, conviene utilizzare 
delle librerie apposite che 
effettuano alcuni controlli di 
sicurezza ed eseguono il 
parsing solo se riconoscono il 
messaggio come JSON. Niente 



paura però, il parsing continua 
ad essere molto semplice 
(sempre una riga di codice!). 
Inoltre, esistono molte librerie 
per convertire un messaggio 
JSON in e dai principali 
linguaggi di programmazione 
quali: PHP, Java, C# e tanti 
altri. 

Maggiori informazioni le 
potete trovare sulla pagina 
ufficiale del progetto: 
http://www.json.org/ 
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cita. Il codice che segue è abbastanza sempli- 
ce. Riempie una combo box di nome regions 
con i valori recuperati dal parsing. 
Successivamente, tale combo viene visualiz- 
zata all'interno dell'elemento regione (il div) 
della pagina HTML vista prima. 
Vediamo, invece, come funziona il recupero 
delle province. La funzione retrieveProvinces è 
la seguente: 

function retrieveProvinces() 

{ 

httpRequestForProvinces = 

createHttpRequest(); 
httpRequestForProvinces. open("get", 
"http://localhost/JSON/province.txt", true); 
httpRequestForProvinces. onreadystatechange = 

displayComboProvinces; 
httpRequestForProvinces. send(null); 
} 

Come si può vedere è molto simile a 
retrieveRegions se non per il fatto che invia la 
richiesta al file province.txt e ha, come funzio- 
ne di callback, displayComboProvinces. 
Analizziamo quest'ultima: 

//visualizza la combo relativa alle province 
function displayComboProvinces() 

{ 

//controlla lo stato della risposta 
if(httpRequestForProvinces.readyState 
= = 4 && httpRequestForProvinces. status == 200) 

{ 

var jsonObject = eval(T + 
httpRequestForProvinces. responseText + ")'); 
var provinces = 

jsonObject. province; 



//combo 
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var htmIResponse = "<select 

name='provinces'>" 



for(i = 0; i < provinces. length; 
i++) 



{ 



//controlla se la provincia 
//recuperata appartiene 
//alla regione selezionata 

if(provinces[i]. regione 
document. provi nceltalia ne. regions. value) 



{ 



//riempie la combo delle province 
htmIResponse += "<option value='" + 

provinces[i].nome + m >" + 
provinces[i].nome + "</option>"; 



} 



} 



document. getElementById("provincia"). in nerHTML 

= htmIResponse; 



} 



} 



L'unica cosa da aggiungere rispetto ai com- 
menti fatti per displayComboProvinces è il 
controllo effettuato per vedere se la provincia 
"parsata" appartiene alla regione scelta nella 
combo document. provinceltaliane. regions. 
Solo in tal caso, infatti, la provincia va aggiun- 
ta alla combo relativa. Il file province.txt è così 
strutturato: 



Fig. 2: Lo schema di funzionamento della sintassi Json 



{"province" : 


[ 


{ 




"nome" : 


"Catanzaro", 




"regione" 


: "Calabria" 


}, 


{ 




"nome" : 


"Cosenza", 




"regione" 


: "Calabria" 


}, 


{ 




"nome" : 


"Crotone", 




"regione" 


: "Calabria" 


}, 


{ 




"nome" : 


"Reggio Calabria", 




"regione" 


: "Calabria" 


}, 


{ 




"nome" : 


"Vibo Valentia", 




"regione" 


: "Calabria" 


}, 


{ 




"nome" : 


"Frosinone", 




"regione" 


: "Lazio" 


}, 
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[-] 

In pratica è una stringa JSON che rappresenta 
l' array province. Gli elementi di tale array 
sono oggetti che hanno due sole proprietà: 
nome e regione. Quindi, una volta fatto il par- 
sing utilizzando il metodo eval: 

var jsonObject = eval(T + 

httpRequestForProvinces.responseText + ')'); 

ed ottenuto un reference a tale array: 

var provinces = jsonObject. province; 

è possibile accedere ad un oggetto dell'array e 
in particolare, ad esempio, alla proprietà 
nome tramite: 

provinces[i].nome 

dove i è l'indice dell' array. 



OGGETTO 
XMLHTTPREQUEST 

Esaminiamo ora la funzione createHttp 
Request utilizzata in precedenza. Ecco il codi- 
ce: 

// Crea un oggetto di tipo XMLHttpRequest 
function createHttpRequest() 

{ 

if (typeof XMLHttpRequest ! = 

"undefined") //Il browser non è IE 

{ 

return new XMLHttpRequest(); 

} 

else if (window.ActiveXObject) // è IE 

{ 

var sVersions = [ 

"MSXML2.XMLHttp.5.0", 
"MSXML2.XMLHttp.4.07'MSXML2.XMLHttp.3.0", 
"MSXML2.XMLHttp7'Microsoft.XMLHttp" 

]) 

// Cerca di istanziare la 

// versione più recente. 

// Se non è disponibile prova 

// via via con quelle più datate 

for (var i = 0; i 

<sVersions.length; i + + ) 



} 



catch (oException) 



{ 



{ 


try 


{ 


var ret = 


new 


ActiveXObject(sVersions[i]); 


return ret; 



// Non fa niente. 
// Va avanti tentando 
// con le altre versioni 
} 



} 



} 



//Se arriva qui allora 
// l'oggetto XMLHttpRequest non 
// è disponibile per il browser in uso 
alert("II browser in uso è obsoleto. 

Aggiornarlo con uno più recente"); 



} 



La necessità di utilizzare questa funzione sta 
nel fatto che Firefox e Opera hanno un modo 
diverso rispetto ad Internet Explorer di istan- 
ziare l'oggetto utilizzato per inviare chiamate 
AJAX. Il metodo controlla se l'oggetto 
XMLHttpRequest è direttamente disponibile e 
in tal caso lo istanzia. Tale approccio è utiliz- 
zato dai browser diversi da IE. Se l'oggetto 
non è direttamente disponibile allora si tratta 
di IE e, in tal caso, l'oggetto in questione è 
disponibile attraverso un ActiveX. Il problema 
è che vi sono diverse versioni. Il ciclo for cerca 
di istanziare l'oggetto dal più recente al più 
datato catturando le eventuali eccezioni lan- 
ciate per la non disponibilità dell'oggetto. 
Ovviamente, se arriva alla fine del ciclo vuol 
dire che l'oggetto non è proprio disponibile 
per il browser in uso e viene notificato un 
avviso. 



CONCLUSIONI 

Chi ha già lavorato con AJAX e XML apprez- 
zerà di sicuro la potenza di JSON. 
Effettuare, infatti, il parsing di un documento 
XML in JavaScript non è una cosa banale. 
Invece, per estrarre le informazioni che ci 
interessano da un messaggio JSON ci basta 
utilizzare un singolo metodo: eval per l'ap- 
punto. 

Questo perché JSON non è altro che un sot- 
toinsieme di JavaScript. Ovviamente lo scopo 
del presente articolo non è quello di scredita- 
re XML il quale rimane sempre un mezzo 
molto potente per la rappresentazione delle 
informazioni. 

La scelta dell'una o dell'altra soluzione deve 
essere dettata dal buon senso dello sviluppa- 
tore che valuterà le soluzioni caso per caso. 

Alessandro Lacava 
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GUIDA PRATICA 
ALL'USO DI AJAX 

SI FA UN GRAN PARLARE DI WEB 2.0. IL PUNTO È CHE ALLA BASE DI QUESTA NUOVA 
RIVOLUZIONE DELLA RETE CI SONO TECNOLOGIE ORMAI CONSOLIDATE COME AJAX 
E JAVASCRIPT ECCO IL CODICE PER PORTARE LE TUE APPLICAZIONI NELLA NUOVA ERA. 



Ultimamente si parla molto della tecnolo- 
gia AJAX (Asynchronous JavaScript and 
XML), ovvero la tecnologia che sfrutta le 
capacità dei browser moderni di "capire" l'XML 
per creare applicazioni web dinamiche. 
Purtroppo è infatti invalsa la tendenza a realizza- 
re controlli e librerie AJAX per le varie piattafor- 
me di programmazione Web lato server 
(ASP.NET, PHP, Java ecc..) per di più nate spesso 
con l'intento dichiarato di "nascondere" al pro- 
grammatore (o per dire più simpaticamente 
"rendere trasparente") il funzionamento della 
tecnologia sottostante. 

La mia opinione è invece che in tal modo si 
rischia di avere programmatori che usano una 
tecnologia senza nemmeno conoscerla (un po' 
come avviene per alcuni programmatori di pagi- 
ne web che a forza di usare i vari programmi 
"visuali" si dimenticano l'HTML). 
Peggio ancora si rischia, da parte di programma- 
tori web abituati al "lato server", di non compren- 
dere le reali potenzialità di queste tecnologie che 
non sono la "ciliegina sulla torta", ma invece pos- 
sono rappresentare il vero e proprio motore di 
una Web Application. 

Se siamo proprio affezionati agli acronimi più in 
voga parliamo pure di AJAX, io però preferisco 
definire questo insieme di tecnologie come 
Client Based Web Application per distinguerle 
dalle applicazioni tradizionali; Server Based Web 
Application. 



CLIENT BASED 
WEB APPLICATION 

Quando dobbiamo creare un'applicazione Web 
che deve interagire con i dati viene naturale pen- 
sare di ricorrere ad una tecnologia che funziona 
lato server (CGI,ASP,ASP.NET, PHP, Java ecc.), 
naturalmente ognuna di esse ha le sue peculia- 
rità, ma il flusso alla fine è sempre quello mostra- 
to in figura 1. 
In pratica il client (browser) si limita a richiedere 



una determinata pagina, ma il vero lavoro viene 
svolto dal server che: 

• Interpreta i parametri passati dal client con la 
uri (GET) o con una form (POST) 

• Compie le azioni associate ai parametri 

• Recupera i dati dal database 

• Formatta i dati in HTML dinamicamente 

• Restituisce i dati già formattati al client 

In pratica, cioè, sia il Back End sia il Front End 
dell'applicazione sono demandate al server. 
Quali siano le limitazioni di questa tecnologia è 
facile intuirlo : il server è uno, i client sono molti. 
Quindi, più sono i client, più sono le risorse 
richieste al server che deve fare tutto il lavoro. 
In questi casi, all'aumentare degli utenti della 
Web Application si può far fronte solo in un 
modo: aumentare connettività e potenza del ser- 
ver. Negli ultimi anni però i browser sono cam- 
biati radicalmente rispetto alle versioni dei primi 
anni della storia del Web: il supporto di java- 
script, la possibilità di interagire con il DOM 
(Document Object Model) di HTML e, da ultimo, 
le capacità di accedere a dati XML. 
Questa evoluzione del browser ha portato molti 
sviluppatori a vederlo come un soggetto attivo 
della Web Application, un vero e proprio Front 
End dell'applicazione. 




HTIT1L 
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9 Basi di .NET discreta 
1 conoscenza di 
Javascript, XML e 
HTML 







Fig. 1: Flusso di una Web Application Server Based 
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Ciò ha portato a poter progettare applicazioni 
che lasciano al server le operazioni di Back End e 
demandano al browser la costruzione dell'inter- 
faccia utente e le altre operazioni client come 
possiamo vedere in figura 2. 



forma di tabella 

2. Cliccando sul nome del cliente si apre la 
pagina B con il dettaglio delle informazioni 

3. Cliccando su un bottone della pagina B si 
apre la pagina C con la lista degli ordini del 
cliente 




Fig. 2: Flusso di una Web Application Client Based 

In un flusso di questo tipo notiamo che: 

• Il client richiede al server dei dati 

• Il server recupera i dati e li restituisce in for- 
mato XML 

• Il client elabora questi dati e li utilizza per 
costruire dinamicamente l'interfaccia utente 

I benefici che si ottengono sono di due tipi 

• Si alleggerisce notevolmente il carico del ser- 
ver esimendolo dal dover costruire la pagina 
HTML (e quindi risparmiando banda e risor- 
se server) 

• Si possono compiere diverse operazioni 
anche senza ricaricare l'intera pagina, ma 
richiedendo solo i dati che servono. 



UN ESEMPIO CONCRETO 

Ma passiamo subito ad un esempio pratico per 
capire meglio. In una nostra applicazione dob- 
biamo implementare un flusso di questo tipo: 

1. visualizzare una lista di clienti 

2. selezionare un cliente e mostrare le informa- 
zioni di dettaglio 

3. selezionare gli ordini che il cliente ha effettua- 
to e mostrarli in una tabella 

Con un'applicazione Server Based opereremmo 
probabilmente così: 

1. La pagina A presenta la lista dei clienti in 



Naturalmente non è sempre necessario dividere 
il flusso in tre pagine distinte, tuttavia da un pas- 
saggio all'altro si avrà sempre il reload della pagi- 
na. Ma vediamo come potrebbe invece funzio- 
nare un'applicazione Client Based. 
Al caricamento della pagina viene presentata 
una casella di testo dove l'utente digita le inizia- 
li del nome del cliente (fìg.3) 
Man mano che l'utente digita delle lettere il 
browser richiede al server i dati dei primi 10 
clienti il cui nome inizia per quelle lettere e 
riempie una lista sottostante (fìg.4) 



Èro - j - l*J lSJ .* | „ Lenza Preteriti •■■' 


|tìhttp://localhost/isws/ 










- Seleziona cliente 






digitare le iniziali e 


el nome: 


R 


Rancho qrande 


Rattlesnake Canyon Groc... 
Ricardo Adocicados 


Richter Suoermarkt 


Romero v tomillo 





Fig. 4: Selezione utente 

Cliccando su un nome della lista, sempre senza 
ricaricare la pagina, il browser elabora i dati del 
cliente e presenta un box di dettaglio (fig. 5) 
Nel dettaglio appare anche un bottone "Ordini" 
cliccando il quale il browser, sempre in back- 
ground, richiede al server i dati degli ordini del 
cliente presentandoli in forma di tabella (fig. 6) 
Selezionando poi un altro cliente dalla lista l'in- 
tera operazione si ripete sempre senza ricaricare 
la pagina. 

Il principio di base è semplice: si caricano una 
volta sola gli script e l'HTML necessari all'inter- 
faccia utente e poi, volta a volta, che si deve 
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Indirizzo http://localhost/jsws/ 



^IHv 



- [seleziona cliente] 

digitare le iniziali del n 




Reggiani Caseifici 



Indirizzo 

Strada Provinciale 124 42100 Reggio Emilia 
Italy 

Telefono: 0522-556721 Fan: 0522-556722 



fé] Operazion e completata 



rrrrn 



j 



Fig. 5: Dettagli utente 

compiere una determinata operazione si richie- 
dono al server solo i dati necessari e si elabora- 
no di conseguenza. Passiamo quindi a capire il 
funzionamento pratico della tecnica. 



fcIMIIJnl! 



Bei 



-Jn|x| 



File Modifica i i : eferiti Strumenti 

Q Indietro - 



1* 



o http://localhc.st/jsws/ 



t) | P Cerca tV Preferiti -0 | ' E» \M ' " I Collegamenti M 



TEIB» 



[Seleziona cliente] 

digitare le iniziali del nome: 



o grande 



Rattlesnake canyon eroe 
Reggiani Caseifici 



Ricardo Adocicados 



Richter Superni arkt 



-j v tornillo 



Reggiani Caseifici 



Strada Provinciale 124 42100 Reggio Emilia 
Italy 

Telefono: 0522-556721 Fax: 0522-556722 



! Data ordine 



consegna 



11062 
11010 
10942 
10908 
10812 
10727 
10655 
10586 
L0562 



30/04/1 398 
09/04/1998 
11/03/1998 
26/02/1998 
02/01/1998 
03/11/1997 
03/09/1997 
02/07/1997 
09/06/1997 



28/05/1998 
07/05/1998 
08/04/1998 
26/03/1998 
30/01/1998 
01/12/1997 
01/10/1997 
30/07/1997 
07/07/1997 



21/04/1998 
18/03/1998 
06/03/1998 
12/01/1998 
05/12/1997 
11/09/1997 
09/07/1997 
12/06/1997 



€ 29,«93 
€ 28,71 
C 17,95 
€ 32,96 
€ 59,78 
€ 89,90 
€4,41 
€ 0,48 " 
<i 22,95 



gj Operazione completata 



Fig. 6: Dettaglio ordini 



LA TECNICA 

Le Client Based Web Applications si basano su 
due pilastri fondamentali: 

• Il lato server 

• Il lato client 

Analizzeremo i due aspetti partendo proprio 
dall'esempio che abbiamo mostrato. 

Il lato server 

Dal punto di vista del server l'attività di pro- 
grammazione è veramente minimale : si tratta di 
fornire al client i dati nel formato richiesto 
(generalmente XML) : il client richiede, ad esem- 
pio, i dati della tabella clienti? Nel nostro sito ci 
sarà una pagina asp,php o altro che di occupa di 
leggere i dati dal database e restituirli nel forma- 
to richiesto. Ma se XML è il formato di elezione 
per questo tipo di colloqui, qual è la tecnologia 
lato server che "parla" in XML? Ovviamente i 
famosi Web Service. Niente di meglio quindi di 



un Web Service per fornire i dati al client. 
Oltretutto, utilizzando un Web Service abbiamo 
anche il vantaggio di poter riutilizzare le stesse 
funzioni di accesso ai dati anche con applicazio- 
ni desktop. I Web Service possono essere realiz- 
zati con varie piattaforme di sviluppo, noi, per il 
nostro esempio abbiamo scelto di lavorare in 
.NET con Visual Basic. Nella root del nostro sito 
quindi creiamo lo "scheletro" del nostro Web 
Service in un file che chiameremo server, asmx : 



<%@ WebService Language="VB" Class="Server" 



%> 



Imports , 



<WebService(Namespace: = "http://myservice")> _ 



Public Class Server 



Inherits System. Web. Services. WebService 
Private ReadOnly Property DatabaseQ As DataSet 



End Property 



Private ReadOnly Property Customers() As 

DataTable 



End Property 



Private ReadOnly Property OrdersQ As DataTable 



End Property 



<WebMethod()> _ 



Public Function GetCustomers(ByVal 

companyName As String) As DataSet 



End Function 



<WebMethod()> _ 



Public Function GetOrders(ByVal customerID As 

String) As DataSet 



End Function 



End Class 

Naturalmente qui abbiamo omesso tutta la logica 
implementativa vera e propria (che trovate nei sor- 
genti). 
È tutto molto semplice: 

• Leggiamo i dati da un DataSet (che noi nell'e- 
sempio abbiamo salvato come file XML, ma che 
in produzione sarà il risultato di una query al 
database) nella proprietà Database. 

• Nel DataSet Database ci sono due tabelle, 
Customers e Orders, rappresentate dalle rispet- 
tive proprietà. 

• Forniamo infine due metodi pubblici che saran- 
no il canale di comunicazione con il client; il 
primo, GetCustomers, restituisce un nuovo 
DataSet con le prime 10 righe dei clienti il cui 
nome inizia per il valore del parametro 
companyName, GetOrders invece restituisce un 
altro DataSet con tutte le righe d'ordine relative 





"Programming 
ASP.NET 2.0 - Core 
Reference", Dino 
Esposito (Microsoft 
Press) 

"Professional ASP.NET 
2.0", Evjen et al. (Wrox 
Press) 
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Indirizzo j http://loc j^j H Vai 


Server 


1 


Le operazioni supportate sono eie mito, Per una definizione formalej 


vedere la descrizione del servizio, 


• GetCustomers 


Trova i primi 10 din ne inizia per il valore del parametro 


'companyName' 


• GetOrders 


Trova gli ordini di un cliente dato il suo ID 

, .r 1 


Operazione completata $ Internet 



Fig. 7: II web service in azione 

ad un cliente attraverso il suo ID. 

Da ultimo, nel file web.config della nostra Web 

Application inseriamo : 

<configuration> 
<system.web> 



t IMMHMmBWUUJJJJJ.U.. 
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Collegamenti 
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xrnlns: diffgr='Wn:schemas-microsoft-com:Kml-diffgram-v:L''> 

■ <db xrnlns=""> 

- <Custorners diffgr:id="Gustomersl" rnsdata:rowOrder="0" 

diffgr: hasChanges="inserted"> 
<CustomerID>ALFKI</CustomerID> 
<CompanyName>Alfreds Futterkiste</CoimpanyNarrie> 
<ContactName>Maria Anders</ContactName> 
<ContactTitle>Sales Representati ve</ContactTitle> 
<Address>Obere Str. 57</Address> 
<City>Berlin</City> 
<PostalCode>12209</PostalCode> 
<Country>Germany</Country> 
<Phon8>030-0074321</Phon8> 
<Fax>030-0076545</Fax> 
</Custotners> 

- <Custorners diffgr: id="Customers2" rnsdata:rowOrder="l" 

diffgr: hasChanges="inserted"> 
<CustamerID>ANATR</CustomerID> 
<CotTipanyNarne>Ana Trujillo Emparedados y 

helados</CompanyName> 
<ContactName>Ana Trujillo</ContactName> 
<ContactTitle>Owner</ContactTitle> 
<Address>Avda. de la Constitución 2222</Address> 
<City>México D.F.</City> 
<PostalCode>05021</PostalCode> 
<Country>rviexico</Country> 
<Phone>(5) 555-4729</Phone> 



^J 



^1 Operazione completata 



|0 Internet 



Fig. 8: Il DataSet prodotto da GetCustomers 



& 



'TILIZZARE WEB SERVICES ESTERNI 



Abbiamo visto che nell'esempio 
trattato nell'articolo si 
richiamano Web Services 
presenti nell'ambito dello 
stesso dominio dove risiede la 
pagina web chiamante (la URL 
infatti è relativa non assoluta). 
C'è una limitazione di sicurezza 
dell'oggetto XMLHttpRequest 

V 



che non consente di accedere a 
risorse esterne al dominio. 
Qualora fosse necessario 
accedere a Web Services situati 
in altri siti dovremmo creare nel 
nostro sito un Web Service che 
fa da proxy verso i servizi 
esterni e da interfaccia verso le 
chiamate di XMLHttpRequest. 



<webServices> 



<protocols> 



<add na me =" Http Post"/ > 



</protocols> 



</webServices> 



</system.web> 



</configuration> 

questo ci garantisce che possiamo interagire con il 
Web Service anche con il metodo POST anziché solo 
con SOAP (che da Javascript sarebbe molto più com- 
plicato da maneggiare). 

A questo punto abbiamo già finito il nostro lavoro 
sul lato server: configuriamo, in US, una virtual 
directory corrispondente alla path della nostra 
applicazione e la chiamiamo, ad esempio, jsws 
(Javascript + web service). 

A questo punto siamo in grado di accedere al servi- 
zio con il browser all'indirizzo : http://localhost/jsws/ 
server.asmx, se tutto è andato bene dovremmo vede- 
re l'interfaccia classica dei Web Service .NET che 
presenta la lista delle funzioni (fig. 7). Se provassimo 
poi a richiamare la funzione GetCustomers il risulta- 
to sarà la rappresentazione del DataSet in formato 
XML che osserviamo in figura 8. A questo punto si 
tratta di vedere come richiamare ed utilizzare questi 
dati con il client e quindi con Javascript. 

Il lato client 

Il fulcro della tecnologia lato client è rappresentato 
da due oggetti: 

• XMLHttpRequest che si occupa di recuperare i 
dati da una URL con i metodi GET o POST 

• XMLDOMParser che si occupa di leggere un 
documento XML 

La nota dolente è che i vari browser moderni (parlia- 
mo principalmente di IE e Firefox) benché supporti- 
no tali oggetti lo fanno (poteva essere diversamen- 
te?) in modo differente: possiamo dire che mentre 
Firefox è più aderente agli standards, ma molto più 
difficile da utilizzare, IE estende gli standards con 
funzioni proprietarie, che d'altro canto semplificano 
notevolmente la vita del programmatore. La soluzio- 
ne sta nello sviluppare una libreria Javascript (ovve- 
ro un semplice file .js da includere nelle nostre pagi- 
ne HTML) che fornisca un oggetto intermedio che 
consenta di utilizzare XMLHttp Request e il parser 
XML senza preoccuparsi troppo del browser di 
destinazione. 



LA LIBRERIA 
DI SUPPORTO 

Noi, per ovviare al problema, abbiamo realizzato la 
libreria xml.js (che trovate nei sorgenti di esempio) 
che in pratica riproduce anche su Firefox i metodi 
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che troviamo nel parser XML di Microsoft. 
All'interno della libreria l'oggetto che rappresenta 
l'accesso alle funzioni XML è jsXML dichiarato a 
livello globale come: 

var jsXML = new Object(); 

jsXML dispone di varie funzioni per l'utilizzo di 
XMLHttpRequest e XMLDOMParser, vediamo 
come crea un oggetto XMLHttpRequest: 

jsXML.getXMLHttpRequest = function(){ 

//per Firefox 

if (typeof(XMLHttpRequest) != 'undefined') 
return new XMLHttpRequest(); 

//per IE 

else return new ActiveXObject ("Msxml2.XMLHTTP"); 
} 



} 


else { 


if(onfault!=null) onfault(req.statusText); 


} 


} 


else { 


if(onwait! = null) 
onwait(req.readyState); 


} 


} 


req.onreadystatechange = onreadystate; 


req.open(method, 


uri, true); 


if (method =="POST") req.setRequestHeader 
("Content-Type", "application/x-www-form- 
urlencoded"); 


req.send(body); 


} 




L'oggetto XMLHttpRequest può caricare i dati da 
una URL in maniera asincrona o sincrona, utilizzan- 
do GET o POST, le operazioni sincrone sono com- 
piute da : 

jsXML.sendSync = function(url,body){ 

var req = this.getXMLHttpRequest(); 
method = (arguments[2])?arguments[2]:"POST"; 
req.open(method, uri, false); 
if (method =="POST") req.setRequestHeader 
("Content-Type", "application/x-www-form- 
urlencoded"); 
req.send(body); 



return req.responseText; 



Dove il metodo è di default il POST (salvo che non 
venga specificato diversamente da un terzo parame- 
tro) e i parametri sono: uri (l'indirizzo relativo della 
risorsa) e body (i parametri nel formato urlencoded: 
parametro l-xxx&parametro&-yyy). Come valore di 
ritorno restituisce la risposta del server. Ad esempio, 
per richiamare i dati dal nostro Web Service in modo 
sincrono si può utilizzare la funzione in questo 
modo: 

var datiClienti = 

jsXMLsendSync("server.asmx/GetCustomers","compa 

nyl\lame=abc"); 

Le operazioni asincrone di recupero dei dati sono 
invece rappresentate da : 

jsXML.sendAsync = function 

(uri, body,method, action, onfault,onwait) { 
var req = this.getXMLHttpRequest(); 
var onreadystate = function (){ 

if (req.readyState == 4) { 

if (req. status == 200) { 
if(action!=null) action(req.responseText,req); 



Qui i parametri sono rappresentati da : uri e body 
(che avevamo visto in precedenza), method (GET o 
POST). Ci sono poi tre parametri che rappresentano 
le funzioni di callback (opzionali) che vengono atti- 
vate rispettivamente: 

• action - alla ricezione dei dati (riceve il testo della 
risposta e l'oggetto XMLHttpRequest che l'ha 
richiesta) 

• onfault - al verificarsi di un errore (riceve il mes- 
saggio di errore) 

• onwait - nell'attesa dei dati (riceve il codice di 
stato) 

Nel corpo della funzione troviamo poi la sub-funzio- 
ne onreadystate che gestisce l'evento onreadystate- 
change dell'oggetto XMLHttpRequest e attiva i vari 
callback se impostati. 

Ad esempio, per richiamare i dati dal nostro Web 
Service in modo asincrono si può utilizzare la fun- 
zione in questo modo: 

function caricaDati(){ 
var arrivoDati = function (responseText){ 
//interpretazione dati 

_} 

jsXML.sendAsync 
("server.asmx/GetCustomers","companyl\lame=abc"," 




ML CON JAVASCRIPT 



La libreria di funzioni Javascript 
per la gestione degli oggetti 
XML che proponiamo 
nell'articolo e alleghiamo nel 
codice sorgente funziona con IE 
e Firefox , tuttavia il 
programmatore che volesse 
approfondire la gestione di XML 



con Javascript (e consigliamo 
comunque di farlo) può trovare 
utile documentazione in : 
http://msdn.microsoft.com/xml 
per il mondo Microsoft e 
http://developer.mozilla.Org/en/d 
ocs/XML_in_Mozilla per 
Firefox/Mozilla 
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POST",arrivoDati) 




Francesco Smelzo è 

specializzato nello 

sviluppo in ambiente 

Windows con 

particolare riferimento 

ad applicazioni in 

ambiente .NET sia 

web-oriented che 

desktop. 

Il suo sito web è 

www.smelzo.it. Come 

sempre è a 

disposizione per 

ricevere suggerimenti 

o richieste sull'articolo 

all'indirizzo di posta 

elettronica 

francesco@smelzo.it 



} 



La fase di interpretazione dei dati in arrivo viene 
cioè demandata ad un'altra funzione che viene pas- 
sata come parametro di callback. La libreria xml.js 
prevede inoltre altre funzioni di gestione 
dell'XMLHttpRequest per semplificare ulteriormen- 
te l'utilizzo: jsXML.sendAsyncGet() per inviare la 
richiesta asincrona con GET e jsXML.send 
AsyncPostO per inviare la richiesta asincrona con 
POST. Risolto il problema del recupero dei dati dal 
Web Service (o da qualsiasi altra fonte) resta quindi 
quello di interpretarli come XML. 
L'oggetto jsXML per questo prevede due metodi 
cross-browser per instanziare il parser XML caricare 
i dati da una stringa XML : 

jsXMLcreateDOMDocument = 

function(strNamespacellRI, strRootTagName) { 
var objDOM = nuli; 
if (isMoz) { 
objDOM = 
document.implementation.createDocument(strNames 
pacellRI, StrRootTagName, nuli); 
objDOM. addEventl_istener("load", 

_Document_onload, false); 

} 

else{ 

objDOM = new ActiveXObject 

("Msxml2.DOMDocument") 

} 

return objDOM; 

} 
che crea il parser a seconda dei vari browser, e 

jsXMLparseXMLDocument = function (xmlText,ns) { 

var space = (ns)?ns:"; 

var doc = 

jsXMLcreateDOMDocument(space,'root'); 

doc.loadXML (xmlText); 

return doc; 
} 

che carica il documento direttamente da una strin- 
ga XML. A questo punto per richiamare i dati dal 
nostro Web Service in modo sincrono è sufficiente 
utilizzare: 

var datiClienti = 

jsXMLsendSync("server.asmx/GetCustomers","compa 

nyl\lame=abc"); 
var xmlClienti = 

jsXMLparseXMLDocument(datiClienti); 



dove xmlClienti è l'oggetto XMLDocument pron- 
to per essere letto. Per la lettura dell'oggetto 



(selezione dei nodi, recupero valori ecc..) si uti- 
lizzano metodi e proprietà del parser Microsoft 
(visto che la libreria li rende disponibili anche 
per Firefox), quindi, ad esempio, per ottenere 
con XPath la lista dei nodi Customers del docu- 
mento XML proveniente dal Web Service sarà 
sufficiente : 

var nodes = xmlClienti. selectNodes("//Customers") 



INTERFACCIA UTENTE 

Come avrete capito, l'interfaccia utente viene 
costruita da un mix di HTML e CSS manipolati con 
Javascript nel file: index.html 
Come esempio vediamo il flusso di operazioni che 
viene innescato quando l'utente digita alcuni carat- 
teri nella casella di testo del nome del cliente (alcu- 
ne funzioni non sono riportate per brevità ma pos- 
sono essere analizzate nei sorgenti) 
Innanzitutto includiamo nel file html la libreria di 
funzioni xml.js con : 

<script language="javascript" type="text/javascript" 
src="lib/xml.js"x/script> 

Nel codice HTML definiamo l'elemento <input> che 
rappresenta la casella di testo 

<input type="text" id = "Companyl\lame"/> 

e l'elemento <div>, inizialmente vuoto, che ospiterà 
i risultati della ricerca comunicati dal Web Service 

<div id = "RisultatiRicerca" 

style="display:none"x/div> 

entrambi sono qualificati da un ID. 

Nella sezione <script> della pagina impostiamo la 

funzione che fa partire la richiesta al Web Service: 

var occupato = false; 
function richiediDatiClienti(){ 

if (occupato) return ; 
var datiArrivati = function 

(responseText){ 
var docClienti = 
jsXMLparseXMLDocument(responseText); 
elaboraDati (docClienti) 
occupato = false; 
} 



var errore = function 



(statusText){ 



} 



occupato=true; 



var serviceUrl 
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"Server.asmx/GetCustomers" 



var serviceParameters = 
"companyName=" + txtCompanyName.value; 
jsXML.sendAsyncPost(serviceUrl,serviceParameters,da 

tiArrivati,errore,null); 



} 



dove la richiesta parte con jsXML.sendAsyncPost 
che, all'arrivo dei dati, fa partire la sub-funzione 
datiArrivati la quale, a sua volta, richiama la fun- 
zione elaboratati passandogli come parametro il 
documento XML ottenuto dal Web Service. La 
funzione elaboraDati cancella i risultati prece- 
denti e si occupa di scorrere i nodi Customers del 
documento XML : 

function elaboraDati(docClienti){ 
var nodes = 
docClienti.selectNodes("//Customers"); 
//trova con XPath tutti i nodi 
<Customers> del documento XML 
divRisultatiRicerca.innerHTML = 
""; //cancella i risultati preesistenti; 
for(var i=0;i<nodes.length;i++){ 



var nodoCliente 



nodes[i]; 



inserisciRigaCliente 

(nodoCliente); 



} 



show(divRisultatiRicerca); 



> 



Man mano che il ciclo for scorre i nodi 
<Customers> passa il singolo nodo alla funzione 
inserisciRiga Cliente che si occupa di costruire 
dinamicamente la riga da inserire nel pannello 
risultati: 



la singola riga viene realizzata costruendo, con il 
DOM HTML, un nuovo elemento <div> che verrà 
aggiunto al contenitore RisultatiRicerca. 
Da notare che il nodo XML originario resta associa- 
to al <div> creato semplicemente aggiungendo la 
proprietà "nodo" all'elemento per assegnazione in : 

divRigaCliente.nodo = nodoCliente 

questa è una delle caratteristiche più utili di java- 
script; la possibilità di aggiungere nuove proprietà a 
oggetti semplicemente dichiarandole. Aver associa- 
to il nodo XML alla riga dei dati ci tornerà infatti utile 
per gestire l'evento onclick che viene assegnato alla 
funzione selezioneCliente di cui riportiamo alcuni 
passi: 

function selezioneCliente(){ 

var elementiCliente = 

this.nodo.selectNodes("*"); 
for(var 
i=0;i<elementiCliente.length;i++){ 



} 



} 



solo per notare che i dati del nodo XML origina- 
rio Customers sono richiamabili, nel contesto 
dell'elemento <div> su cui l'utente fa click, con 
this.nodo dove this rappresenta l'elemento stes- 
so. Tutto il resto dell'applicazione si basa sugli 
stessi concetti : richiedere ed elaborare i dati dal 
Web Service e costruire dinamicamente l'HTML 
di risposta. 



function inserisciRigaCliente(nodoCliente){ 
var divRigaCliente = 
document.createElement("div"); //crea un nuovo 

<divx/div> 
divRigaCliente. innerHTML = 

divRigaCliente. title = 

getElementValue(nodoCliente,"Companyl\lame"); 

divRigaCliente.nodo = nodoCliente 

//proprietà aggiunta per estensione 

divRigaCliente. className = 

"RigaCliente"; 
divRigaCliente. onmouseover 
=function (){ this.classl\lame='RigaClienteOver'} 
divRigaCliente. onmouseout 
=function (){ this.className='RigaCliente'} 
divRigaCliente. onclick = 

selezioneCliente; 
divRisultatiRicerca.appendChild(divRigaCliente); 

//aggiunge il div al pannello risultati 

} 



CONCLUSIONI 

L'esempio proposto non rappresenta che una mini- 
ma parte delle possibilità offerte da questa tecnolo- 
gia. In particolare non abbiamo parlato dell'aggior- 
namento dei dati del database attraverso il colloquio 
Javascript/Web Service, delle questioni di sicurezza 
e autenticazione ecc.. Tuttavia, in questa sede, era 
interessante vedere la tecnologia come possibile 
valida alternativa alle applicazioni Web tradizionali. 
È vero che l'impegno iniziale nell'apprendimento 
può essere reso arduo dal mix di competenze in 
gioco (Javascript, HTML, XML, CSS, Web Services) 
dove invece spesso si ha una netta "divisione dei 
compiti" tra programmatori e web designer, tuttavia 
crediamo che, alla fine, i risultati ripaghino ampia- 
mente questo sforzo e rendano il programmatore 
Web più "completo". 

Francesco Smelzo 
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DOTNETNUKE FACILE 
E PERSONALIZZABILE 

CREIAMO UN PORTALE IN POCHI MINUTI, MODIFICHIAMOLO ATTRAVERSO VISUAL STUDIO 
ED INFINE ESTENDIAMONE LE FUNZIONALITÀ ATTRAVERSO L'USO DI MODULI. AL TERMINE 
IL NOSTRO SITO SARÀ DOTATO DI UN BELLISSIMO MOTORE DI RICERCA PER CONTENUTI 
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CSE.zip 
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REQUISITI 



Conoscenze richieste 



— SQL Server 2005, 
LJ .Net Framework 2. 



SQL Server 2005, Visual 

t Studio 2005, 
DotNetNuke Starter Kit 



r^i^i^ai^ 



Tempo di realizzazione 



0000 



otNetNuke è un CMS (Content 
Management System) open source scrit- 
to in VB.Net. La prima versione è nata da 
un'applicazione che veniva fornita da Microsoft 
come esempio di programmazione per il nuovo 
framework .Net: IBuySpy Portai DotNetNuke 
consente di sviluppare in modo rapido dei porta- 
li web multilingua senza scrivere una riga di 
codice. La forza di DotNetNuke risiede principal- 
mente nella sua "estendibilità" dal momento che 
permette di aggiungere dei moduli realizzati da 
terze parti o di crearne dei propri. E', inoltre pos- 
sibile, grazie alla separazione tra design e conte- 
nuto, realizzare delle skin che consentono di per- 
sonalizzare l'aspetto grafico del sito 
realizzato.DotNetNuke è scaricabile dal sito 
http://www.dotnetnuke.com/ 



PERSONALIZZARE UN 
SITO DOTNETNUKE 

Chi utilizza Visual Web Developer o Visual Studio 
2005 può scaricare dal sito lo "Starter Kit", ovvero 
un framework che consente di integrare 
DotNetNuke nell'ambiente di sviluppo di 
Microsoft. In questo modo sarà facile personaliz- 
zare un sito realizzato con DNN per le proprie 
esigenze. Installato lo Starter Kit, in Visual Web 
Developer compare un nuovo tipo di template 
chiamato "DotNetNuke Application Framework" 
che ci consente di realizzare applicazioni web 
basate sul framework di DotNetNuke. 
Clicchiamo su "File", "New Web Site..." 
Poiché DotNetNuke è scritto in VB.Net, selezio- 
niamo "Visual Basic" come linguaggio. 
Cliccando su "Ok", viene generato lo scheletro 
dell'applicazione e visualizzato un file contenen- 
te alcune istruzioni su come procedere nella 
configurazione del nostro web site. 
Una volta creato il progetto, la prima cosa da fare 
è creare un database vuoto. Possiamo farlo utiliz- 
zando "Sql Server Management Studio" 
Oppure tramite una query 



USE [master] 



GO 



CREATE DATABASE [CSETest] ON PRIMARY 
( NAME = N'CSETest', FILENAME = 

N 'C:\Programmi\Microsoft SQL 

Server\MSSQL.l\MSSQL\DATA\CSETest.mdf , SIZE = 

20480KB , MAXSIZE = 102400KB , FILEGROWTH = 

10240KB ) 

LOG ON 
( NAME = N'CSETestLog', FILENAME = 

N 'C:\Programmi\Microsoft SQL 

Server\MSSQL.l\MSSQL\DATA\CSETest.ldf , SIZE = 

5120KB , MAXSIZE = 15360KB , FILEGROWTH = 

1024KB ) 

COLLATE Latin l_General_CI_AS 
GO 

Creato il database, occorre editare il file di confi- 
gurazione. Innanzitutto, cerchiamo nella root un 
file chiamato release.conflg e rinominiamolo 
"web.config'. 

Apriamolo e modifichiamo le informazioni per 
l'accesso al database. 
Nella sezione <connectionstrings> aggiungiamo 

<add 

name="SiteSqlServer" 

connectionString="Data 

Source=CRI\MYSQLEXPRESS;Initial 
Catalog=CSETest;Integrated Security=True;" 
providerName="System.Data.SqlClient" /> 



Mentre in <appsettings> 



<add 



key="SiteSqlServer" 



value="Data Source=CRI\MYSQLEXPRESS;Initial 

Catalog=CSETest;Integrated Security=True;7> 

e togliamo le stringhe di connessione inserite di 

default. 

A questo punto non ci resta che premere 

"Ctrl+F5" per far partire il setup. Se non abbiamo 

commesso errori di configurazione, dovrebbe 
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comparire una finestra simile a quella in figura. 



■ ° — i r= 


: m$lif- T v Cerca nel 




ES T B + s DotNetNuke 


Installili^ DotNetNiike 

Version: 04.00.03 

Installation Status Reperì 

00:00:00.156 - Installing Version: 3.1 .0 

00:00:00.171 - Installing Script: DotNetNu^.SetUp.SqDataProvider 

00:00:00.328 - Installing Script: DotNetNul^.Scl^nia.SqDataProviajer 

00:00:01.546 - Installing Script: DotNetNuke.Data.SqDataPravider 

00:00:02.578 - Installing MemberRjolfi Provider: 

00:00:02.578 - Executing InstallComraon.sql 

00:00:05.140 - ExecutinglnstallMeinbership.sql 

00:00:05.875 - ExecutmglnstallProfilfi.sql 

00:00:06.109 - ExecutmglnstaURoles.sql 

00:00:06.890 - Upgradingto Version: 3.1.1 

00:00:08.421 - Upgradingto Version: 3.2.0 

00:00:08.515 - Upgradingto Version: 4.0.0 



Fig. 6: Installazione completata 

Se tutto è andato a buon fine, possiamo cambia- 
re il file di avvio dell'applicazione. Clicchiamo 
con il tasto destro sul file Default.ospx presente 
nella root del sito e selezioniamo "SetAs Start 
Page". Premiamo "Ctrl+F5" per eseguire l'appli- 
cazione e visualizzare il nostro portale. 
A questo punto abbiamo già a disposizione un 
CMS molto potente. Per renderci conto delle fun- 
zionalità è sufficiente eseguire il login come 
amministratore (user e password sono di default 
admin) . 



I MODULI 

DI DOTNETNUKE 

DotNetNuke fornisce all'utente numerose fun- 
zionalità di base facendone un prodotto molto 
interessante per un'utenza media ma il vero 
punto di forza del CMS è la possibilità di realizza- 
re dei moduli personalizzati che rendono prati- 
camente illimitate le potenzialità di applicazio- 
ne. Per aggiungere un nuovo modulo, è sufficien- 
te cliccare con il tasto destro del mouse sulla root 
del progetto e selezionare "Add New Item..." 
Dalla maschera successiva selezioniamo 
DotNetNukeModule, assegniamo un nome al 
modulo (nel nostro esempio sarà CSE) e clicchia- 
mo su Add. A questo punto, Visual Studio crea 
per noi il nuovo modulo. È necessario adesso 
rinominare le due cartelle " ModuleName" create 
da Visual Studio e dargli il nome che abbiamo 
scelto per il modulo. Per farlo, è sufficiente clic- 
care con il tasto destro del mouse sulle cartelle e 
selezionare "Renarne" 

Una volta rinominate le cartelle, dobbiamo 
apportare delle modifiche al database per regi- 
strare il nuovo modulo in DotNetNuke. 



Per farlo, apriamo il file chiamato 

CSE.SqlDataProvider che contiene uno script 
SQL da eseguire sul database. DotNetNuke forni- 
sce uno strumento per eseguire lo script dall'in- 
terfaccia del CMS in modo abbastanza semplice. 
Per farlo, occorre collegarsi come host al sito DNN 
che stiamo modificando (la user e la password sono 
di default "host"). Una volta collegati, selezionia- 
mo dal menu a tendina: Host->SQL. Copiamo lo 
script ed incolliamolo nel box di testo. 
Selezioniamo "Run as Scripf e clicchiamo quin- 
di su "Execute". Eseguiamo la stessa operazione 
con lo script Ol.OO.OO.SqlDataProvider il quale 
contiene il codice per creare le tabelle e le stored 
procedures necessarie al funzionamento del 
modulo. A questo punto siamo in grado di 
aggiungere il nuovo modulo al sito creato. 
Andiamo nella pagina in cui desideriamo utiliz- 
zare il modulo, selezioniamo il modulo dal menu 
a tendina accanto a "New Module", scegliamo la 
posizione in cui vogliamo visualizzarlo e clic- 
chiamo su "Add". Il nostro primo modulo è pron- 
to! 



REALIZZIAMO UIU 
"CROSS-SEARCH ENGINE" 

Per il nostro esempio realizzeremo un modulo 
che permette all'utente di memorizzare (e poi 
ricercare) in un database degli articoli salvando 
titolo, testo e keywords. Il modulo consentirà di 
individuare all'interno del database gli articoli di 
nostro interesse utilizzando una semplice fun- 
zione di filtro per keyword. Inserita la parola 
chiave, comparirà un elenco degli articoli ad essa 
correlati. Cliccando su ognuno di essi, ne verrà 
visualizzato il dettaglio e accanto a questo una 
lista ulteriore di articoli con i quali il nostro arti- 
colo "di partenza" condivide una o più parole 
chiave. Partendo dal modulo base illustrato nel 
paragrafo precedente, esaminiamo le procedure 
necessarie per la ersonalizzazione. Chiameremo 
il nuovo modulo CSE (cross- search engine). 
Creiamo la pagina in cui andremo ad inserire il 
modulo. In alto a sinistra, sotto "Page Functions", 
troviamo un link con scritto "Add"; clicchiamoci 
sopra e compiliamo i campi necessari per la 
creazione di una nuova pagina; clicchiamo quin- 
di su "Update". Aggiungiamo poi il modulo alla 
pagina, come visto in precedenza. 
Se non abbiamo commesso errori, effettuando il 
logout, dovremmo trovare una nuova pagina con 
il modulo appena installato. 
Nella costruzione del modulo vedremo in 
sequenza i tre livelli dell'architettura di 
DotNetNuke; DAL (Data Access Layer), BLL 
(Business Logic Layer) e UI (User Interface), il 





DOVE TROVO 
LO STARTER 
KIT? 

E' possibile scaricarlo 
all'indirizzo: 

http://www.dotnetnuke. 
com/tabid/125/default.a 
spx Una volta 
scaricato il file, è 
sufficiente eseguirlo 
per far partire 
l'installazione. 



FORMATI 

DI DATABASE 

Con DotNetNuke 
possiamo anche 
utilizzare dei file mdf, 
il nuovo formato 
introdotto con SQL 
Server 2005. Per farlo 
basta cliccare con il 
tasto destro del mouse 
sulla cartella 
App Data, selezionare 
"Add New Item" -> 
"SQL Database" e dare 
un nome al database. 
In questo caso nel 
web.conf ig è 
necessario cambiare 
soltanto il nome del 
datasource. 
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livello di presentazione. Il DAL fornisce l'accesso 
ai dati: modificheremo la tabella del modulo ed i 
file " SqlData Provider.vb" e " DataProvider.vb" . 
Il BLL fornisce il collegamento tra i dati e l'inter- 
faccia: i file che andremo a modificare sono: 
"CSEController.vb" e " CSEInfo.vb". 
La UI fornisce l'interfaccia grafica: modifichere- 
mo i file della cartella " DesktopModules/CSE" 



L'ACCESSO Al DATI 

Partiamo dal livello più basso, quello dell'ac- 
cesso ai dati. Come prima cosa, modifichiamo 
la tabella "YourCompany_CSE" aggiungendo i 
campi che ci serviranno per realizzare il 
modulo "cross- search". La cosa più semplice 
da fare è eliminare la tabella e ricrearla con i 
campi; possiamo farlo in diversi modi. 
Utilizzando "SQL Server Management Studio" 
in modalità visuale. 
Oppure con una query 

USE [CSETest] 

GO 

DROPTABLE [dbo].[YourCompany_CSE] 

GO 

CREATE TABLE [dbo].[YourCompany_CSE]( 
[ModulelD] [int] NOT NULL, 
[ItemID] [int] IDENTITY(1,1) NOT NULL, 
[Title] [varchar](100) COLLATE 

Latin l_General_CI_AS NOT NULL, 
[Keywords] [varchar](255) COLLATE 

Latin l_General_CI_AS NOT NULL, 

[Content] [ntext] COLLATE 

Latin l_General_CI_AS NOT NULL, 

[CreatedDate] [datetime] NOT NULL, 

CONSTRAINT [PK_YourCompany_CSE] PRIMARY KEY 

CLUSTERED 

J 

[ItemID] ASC 
)WITH (IGNORE_DUP_KEY = OFF) ON [PRIMARY] 
) ON [PRIMARY] TEXTIMAGE_ON [PRIMARY] 
GO 



Che possiamo eseguire nel query analyzer oppu- 
re sfruttando la funzionalità di DotNetNuke vista 
prima. A questo punto, dobbiamo creare le sto- 
red procedure per poter gestire la nuova struttu- 
ra della tabella. 



DELETE FROM YourCompany_CSE 



WHERE (ModulelD = @ModuleID AND ItemID = 

@ItemID) 
CREATE PROCEDURE {databaseOwner} 

[{objectQualifier}YourCompany_CSE_GetAII] 



( 



@ModuleID int 



) 



AS 



SELECT [ModulelD] 



, [ItemID] 



, [Title] 



, [Keywords] 



, [Content] 



, [CreatedDate] 



FROM {objectQualifier}YourCompany_CSE 
WHERE (ModulelD = @ModuleID) 
order by CreatedDate DESC 

Per eseguirlo, entriamo come host e sfruttiamo 
la solita funzione Host->SQL (con l'opzione "Run 
as Script" selezionata). Passiamo al file 
" SqlDataProvider.vb" che dobbiamo modificare 
per fargli utilizzare le stored procedure appena 
create. La Region da modificare è "Public 
Methods" 

#Region "Public Methods" 

Public Overrides Function GetCSEs(ByVal Moduleld 

As Integer) As IDataReader 
Return 
CType(SqlHelper.ExecuteReader(ConnectionString, 
GetFullyQualifiedName("CSE_GetAII"), Moduleld), 

IDataReader) 

End Function 

Public Overrides Function GetCSEsFilter(ByVal 

Moduleld As Integer, ByVal Keyword As String) As 

IDataReader 

Return 

CType(SqlHelper.ExecuteReader(ConnectionString, 

GetFullyQualifiedName("CSE_GetFilter"), Moduleld, 

Keyword), IDataReader) 

End Function 

[■■■] 

#End Region 

Per brevità abbiamo riportato un paio di funzio- 
ni, il resto potete reperirlo nel codice che trovate 
nel ed allegato alla rivista 



CREATE PROCEDURE {databaseOwner} 

[{objectQualifier}YourCompany_CSE_Delete] 

J 

@ModuleID int, 
@ItemID int 

) 

AS 



LA BUSINESS LOGIC 

Nella cartella CSE all'interno di App_code trovia- 
mo un file chiamato CSEInfo.vb che contiene il 
codice per l'accesso alle proprietà della tabella 
CSE. Apriamolo e modifichiamolo nel seguente 
modo: 
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Imports System 



Imports System. Configuration 



Imports System. Data 



Namespace YourCompany.Modules.CSE 



Public Class CSEInfo 



Private _ModuleId As Integer 



Private _ltemld As Integer 



Private _Title As String 



Private _Keywords As String 



Private _Content As String 



Private _CreatedDate As 

DateTime 



initialization 



Public Sub New() 



End Sub 



public properties 



Public Property ModuleId() As 

Integer 



Get 



Return 

_ModuleId 



End Get 



Set(ByVal Value As 

Integer) 



_ModuleId = 
Value 



End Set 



End Property 



Public Property Itemld() As 

Integer 



Get 



Return 



Jtemld 



End Get 



Set(ByVal Value As 

Integer) 



Jtemld 



Value 



End Set 



End Property 



Public Property TitleQ As String 



Get 



Return _Title 



End Get 



Set(ByVal Value As 



String) 
_Title = 
Value 



End Set 



End Property 



Public Property KeywordsQ As String 



Get 



Return _Keywords 



End Get 



Set(ByVal Value As String) 



_Keywords = Value 



End Set 



End Property 



Public Property Contento As String 



Get 



Return _Content 



End Get 



Set(ByVal Value As String) 



_Content = Value 



End Set 



End Property 



Public Property CreatedDateQ As DateTime 



Get 



Return _CreatedDate 



End Get 



Set(ByVal Value As DateTime) 



_CreatedDate = Value 



End Set 



End Property 



End Class 



End Namespace 



A questo punto se compiliamo il progetto, com- 
pariranno degli errori nel file CSEController.vb. 
Niente paura, era tutto previsto... 
Occorre modificare due file: il primo è 
DataProvider.vb, che contiene i metodi astratti 
di cui dovremo fare override, il secondo è pro- 
prio CSEController.vb. Apriamo DataProvider.vb 
e sostituiamo la Region "Abstract methods" con 
il seguente codice che trovate all'interno del CD 
Adesso abbiamo i metodi astratti corretti e pos- 
siamo modificare la classe Controller. 
Sostituiamo il codice della Region "Public 
Methods" con i metodi approropriati. Anche di 
questi per brevità riportiamo un estratto, li tro- 
vate interamente nel ed allegato. 



#Region "Public Methods" 



Public Function GetCSEs(ByVal Moduleld As Integer) 
As List(Of CSEInfo) 



Return CBO.FillCollection( 



Of CSEInfo)(DataProvider.Instance(). 
GetCSEs(Moduleld)) 



End Function 



L'INTERFACCIA UTENTE 

Possiamo trovare i file relativi alla User Interface 
nella cartella DesktopModules\ CSE. 
EditCSE.ascx è il file che ci consentirà di aggiun- 
gere e modificare degli elementi del nostro data- 
base, mentre lo User Control ViewCSE.ascx, for- 
nirà l'output per il nostro modulo. 
Vediamo prima il file di Edit: la form è composta 
da due TextBox, una per il title ed una per le 
Keywords ed componente Textarea di 
DotNetNuke per il corpo dell'articolo. 




ASME. 
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ERRORI TIPICI 

Se quando inseriamo 
il modulo nelle nostre 
pagine otteniamo 
l'errore "MinMax 
persistance type of 
cookie requires a 
Moduleld ", occorre 
spostare i file 
presenti in 
"DesktopModulesVCS 
E\CSE" nella cartella 
"DesktopModulesVCS 
E\" 



Utilizzeremo la form per le operazioni di 
Insert\Edit\ Delete. Il file responsabile delle sud- 
dette operazioni è EditCSE.ascx.vb 

[■■■] 

Private Sub Page_Load(ByVal 

sender As System.Object, ByVal e As 
System. EventArgs) Handles MyBase.Load 

Try 

If Not (Request.QueryString("ItemId") 



Is Nothing) Then 



Itemld=lnt32. 



Parse(Request.QueryString("ItemId")) 



End If 



If Page.IsPostBack = False Then 

cmdDelete.Attributes.Add("onClick", 
"Javascript: return confirm('" & 
Localization.GetString("DeleteItem") & '");") 
If Not Common. Utilities. Nuli. IsNull(Itemld) 



Then 



Dim objCSEs As New CSEController 
Dim objCSE As CSEInfo = 

objCSEs.GetCSE(ModuleId, Itemld) 
If Not objCSE Is Nothing Then 



leggo i valori 



txtContent.Text = objCSE. Content 



tbTitle.Text = objCSE.Title 



tbKeywords.Text = objCSE. Keywords 
ctlAudit.CreatedDate = 

objCSE. CreatedDate.ToString 

Else 

Response.Redirect(NavigatellRL(), True) 
End If 

Else 

cmdDelete.Visible = False 
ctlAudit.Visible = False 
End If 
End If 



Catch exc As Exception 



ProcessModulel_oadException(Me, exc) 



End Try 



End Sub 



Private Sub cmdCancel_Click(ByVal sender As Object, 
ByVal e As EventArgs) Handles cmdCancel. Click 
Try 

Response.Redirect(NavigatellRL(), True) 



[-] 



End Sub 



Private Sub cmdDelete_Click( ByVal sender As Object, 



DISTRIBUIAMO 

IL NOSTRO MODULO! 

Se creare il modulo è stato abbastanza semplice, 
la distribuzione ed il deploy saranno un gioco da 
ragazzi. 



Occorre come prima cosa modificare alcuni file: 

- Ol.OO.OO.SqlDataProvider: contiene le istruzioni 
per la creazione delle tabelle e stored procedure 
su SQL Server. Dovremo copiarci dentro il codice 
che abbiamo utilizzato in fase di realizzazione 
del modulo. Sono in pratica gli script per la crea- 
zione delle tabelle e delle stored procedure. Nella 
erezione del file ricordiamoci di sostituire 
[dbo].[NomeDatabse] con 
{databaseOwner}{objectQualifier} 

- CSE.SqlDataProvider: contiene le informazioni 
per la registrazione del modulo sul database 

- CSE.dnn: è un file XML che prende il nome di 
Distribution Definition e contiene informazioni 
sull'installazione del modulo. In questo file 
dovremo indicare se verranno distribuiti anche i 
sorgenti o se si forniranno gli assembly (nell'e- 
sempio lasceremo i file sorgente). 

- Uninstall.SqlDataProvider: contiene gli script 
per disinstallare il modulo 

Al solito trovate tutti i file in questione nel codice 
allegato. Fatto questo, creiamo sul nostro disco 
rigido una cartella che chiameremo CSE. 
Copiamo dentro tutti i file presenti in 
DesktopModules\CSE ed in App_Code\CSE ( se 
abbiamo deciso di non rilasciare i sorgenti, al 
posto dei file .cs dovremo copiare gli assembly) 
Creiamo infine un file CSE.zip da questa cartella. 
Il package a questo punto è pronto. 
Per installare il modulo occorre: 

- Accedere al portale 

- Loggarsi come host 

Selezionare dal menu "Host->Module 
Definitions" 

- Cliccare su "Upload New Module" 

- Selezionare tramite "Sfoglia" il file zip e cliccare 
su "Add" 

- Cliccare su "Upload New File" 



CONCLUSIONI 

DotNetNuke è sicuramente uno strumento 
molto potente già nella sua versione base. La 
possibilità di installare dei moduli aggiuntivi rea- 
lizzati da terzi o di svilupparne dei propri, è un 
notevole punto a suo favore. 
Lo sviluppo dei moduli è, come abbiamo visto, 
abbastanza indolore dal punto di vista dello 
"sforzo" di programmazione, anche grazie all'ar- 
chitettura multilivello di DotNetNuke. 
Un prodotto da provare sicuramente, anche solo 
per il gusto di farlo! 

Carmelo Scuderi 
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DEPLOYMENT DI 



APPLICAZIONI OFFICE 



ABBIAMO CREATO UN SOFTWARE CHE ESTENDE WORD O EXCEL. NON CI RIMANE 
CHE CAPIRE COME POTERLO DISTRIBUIRE. UTILIZZEREMO QUALCHE TECNICA CHE CI 
CONSENTIRÀ DI MANTENERE LA DISTRIBUZIONE AGGIORNATA ALLE ULTIME VERSIONI. 




n 




9 Concetti base di 



programmazione .Net 



t 



.Net framework 2.0 



^a^a^ i 



Tempo di realizzazione 










"el numero scorso abbiamo visto quanto 
sia semplice lo sviluppo di un'applica- 
zione in grado di estendere le funziona- 
lità dei normali documenti della suite Office uti- 
lizzando Visual Studio Tools for Office (VSTO), 
l'ambiente di sviluppo che consente di trattare i 
documenti Excel o Word come container di 
applicazioni .NET. Purtroppo la fase di distribu- 
zione di questo genere di applicazioni non è 
altrettanto semplice. Microsoft mette comunque 
a disposizione degli sviluppatori diverse alterna- 
tive, ognuna delle quali mostra i propri pregi ed 
i propri difetti. È infatti possibile distribuire le 
applicazioni VSTO attraverso la creazione di 
classici setup con Windows Installer oppure 
sfruttando la più moderna tecnica offerta da 
ClickOnce, la tecnologia che consente la rapida 
distribuzione di applicazioni con il minimo 
impatto sul sistema operativo client. Nella ver- 
sione attuale, quella integrata in Visual Studio 
2005, la distribuzione di questo tipo di applica- 
zioni tuttavia non è ancora pienamente suppor- 
tata. Proveremo in questo articolo ad analizzare 
le difficoltà di questo modello e a trovare le pos- 
sibili alternative. 



DEPLOYMENT MODELS 

Indipendentemente dalla modalità scelta, il 
deploy di un'applicazione VSTO necessita essen- 
zialmente di quattro files: 

• Il documento Word o Excel che stiamo distri- 
buendo; 

• L'assembly associato al documento e che 
contiene il codice compilato 

• Il deployment manifest che riporta informa- 
zioni riguardanti la versione attualmente 
distribuita; 

• L'application manifest che racchiude le infor- 
mazioni sulle singole versioni degli assembly 
distribuiti; 

Oltre ai file sopra indicati, dobbiamo tenere pre- 



sente quelli che sono i prerequisiti necessari e 
indispensabili per il corretto funzionamento sul 
computer client. La distribuzione di VSTO via 
ClickOnce, infatti, assume che sul client siano 
già installate le seguenti applicazioni: 



Il .NET Framework 2.0 

Il pacchetto Microsoft Office 2003 Service 

Pack 2 oppure una versione standalone di 

Word o Excel 

Il runtime di Visual Studio Tools for Office 

runtime ed eventualmente il Language Pack 

Il pacchetto Microsoft Office 2003 Primary 

Interoperable Assembly 



Oltre alle caratteristiche evidenziate è necessa- 
rio che sia il documento Word o Excel sia l'as- 
sembly ad esso collegato riceva il set di permes- 
si FullTrust dalla Code Access Security (CAS). 
Il modello di deploy adottato può prevedere tre 
diverse modalità, variando a seconda del path di 
esecuzione del documento o dell'assembly col- 
legato: 

• Locai/Locai: consente la distribuzione di 
copie del documento e degli assembly colle- 
gati su ogni singolo computer. Questa moda- 
lità consente di lavorare offrine ed è l'ideale in 
caso di indisponibilità della rete; 

• Locai /Network: questo modello consente di 
avere la copia locale del documento office, 
ma di avere l'assembly collegato su una con- 
divisione di rete. Anche in questa modalità è 
possibile avere la totale disponibilità sia del 
documento sia dell'assembly se si utilizza un 
protocollo http/ http s, dato che viene posto in 
cache e ripreso al successivo caricamento; 

• Network/ Network: in questa modalità sia il 
documento office sia l'assembly ad esso col- 
legato sono posizionati in una condivisione di 
rete che sia essa una cartella condivisa, un 
percorso ftp o un percorso http; 

Sostanzialmente il deploy avviene copiando 
manualmente i files nei diversi path. È possibile 
però automatizzare il processo di pubblicazione 
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delle applicazioni VSTO sfruttando il Publish 
Wizard che ci dà accesso alle funzionalità di 
ClickOnce. 

Il Publish Wizard, infatti, crea per noi l'applica- 
tion ed il deployment manifest e copia tutti i files 
nel path da noi selezionato. Ma seguiamo per 
gradi le fasi di creazione e di pubblicazione di 
una applicazione VSTO. 



CREIAMO UNA NUOVA 
APPLICAZIONE VSTO 

Il setup di VSTO installa alcuni nuovi tempia- 
te disponibili in Visual Studio per la creazione 
delle diverse tipologie di soluzioni. Per creare 
un nuovo progetto VSTO apriamo Visual 
Studio 2005, selezioniamo ExcelWorkbook ed 
indichiamo nel nome del progetto 
ExcelApplication e clicchiamo su OK. 



Project types: Ternplates: 


■ 
■ 

■ 
- 
■ 


Business Intelligence Projects 
ì Visual Basic 
- Visuale* 

Windows 

Office 
+ Smart Device 

Database 

Starter Kits 
ì VisualJ* 
ì Visual C++ 
i Other Project Types 


Visual Studio installed ternplates 

^Excel Workbook 
^Excel Tennplate 
"^Outlook Add-in 

My Ternplates 


.y^Search Online Ternplates. . . 


A project f or creating managed code txcel 2003 wi 



Fig. 1: Creazione di un nuovo progetto VSTO 

A questo punto Visual Studio genera il proget- 
to sulla base del template selezionato, crean- 
do un ExcelWorkbook con, di default, tre fogli 
Excel. Apriamo il primo foglio Excel e inseria- 
mo un controllo NamedRange, che ci permet- 
te di definire un range di celle sulle quali poi 
andremo ad operare dal nostro codice. 
Inseriamo ora un controllo di tipo button per 
ottenere un foglio Excel simile a quello visua- 
lizzato in figura 2. 



A J J ¥ & 

MyNameRange ▼ fx 


1 A | B 


C 


1 Nomi 




2 J Upd*e j 


1 3 




4 







A scopo puramente dimostrativo, il documen- 
to Excel mostrerà, al clic sul mouse, un nome 
differente tra quelli precedentemente inseriti 
effettuando un binding verso un oggetto di 
tipo dataset. Per realizzare l'applicazione 
dichiariamo le seguenti variabili di classe: 

private string[] Redattori = { "Fabio", 

"Domenico", "Luca", "Anna", "Rossana" }; 
private DataSet ds; 

inseriamo poi nell'evento Foglio l_Startup il 
seguente codice: 

ds = new DataSet(); 
DataTable table = 

ds.Tables.Add("Redattori"); 
DataColumn columnl = new 

DataColumn("Nomi", typeof(string)); 
table.Columns.Add(columnl); 
// Riempie le righe della tabella 
// Con i valori presi dall'array redattori 
DataRow row; 
for (int i = 0; i < Redattori. Length; i + + ) 

{ 

row = table. NewRow(); 
row["Nomi"] = Redattori[i]; 
table. Rows.Add (row); 



// Crea un "bind" fra la property 

// Value2 del 

// NamedRanged e il contenuto 
//della tabella nomi 
// Dell'array redattori 
Binding bindingl = new 
Binding("Value2", ds, "Redattori. Nomi' 
false); 
MyNameRange. DataBindings.Add(bindingl); 



Nell'evento clic del button inseriamo, invece, 
il seguente codice: 

if (MyNameRange. BindingContext != nuli) 

{ 

BindingManagerBase bindingManagerl = 
MyNameRange. BindingContext 
[ds, "Redattori"]; 
// Mostra il contenuto del 
// prossimo record 

if (bindingManagerl. Position < 

bindingManagerl. Count - 1) 

{ 

bindingManagerl. Position + + ; 




Fig. 2: un semplice documento con un pulsante 



Il Mostra il primo record 
else 
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.net 



bindingManagerl.Position = 0; 



} 



A II risultato rappresenta una variazione a 
quanto riportato in un precedente articolo su 
VSTO. 



DISTRIBUIAMO 

IL DOCUMENTO OFFICE 

L'architettura supportata da ClickOnce preve- 
de l'esecuzione dell'applicazione in una 
modalità sicura, soggetta alla CAS (Code 
Access Security) del .NET Framework e che 
può quindi essere eseguita solo richiedendo il 
set minimo di permessi. Di contro, però, la 
versione attuale di VSTO richiede obbligato- 
riamente l'attribuzione del set di permessi 
FullTrust sia per il documento office sia per 
l'assembly .NET. Per risolvere il problema 
dobbiamo provvedere a rendere sicuro, affi- 
dabile e certo l'assembly da distribuire, e poi 
dobbiamo rendere "trusted" il percorso di 
esecuzione dell'assembly stesso. ClickOnce 
consente la distribuzione delle applicazioni 
utilizzando diverse modalità come la distribu- 
zione via sito web utilizzando il protocollo 
http, l'utilizzo di un percorso ftp oppure di 
una semplice condivisione di rete. Nel nostro 
scenario ipotizziamo la distribuzione in una 
Intranet utilizzando una cartella condivisa. 
Per rendere sicuro il nostro assembly dobbia- 
mo, per prima cosa, firmarlo con uno strong 
name: da Visual Studio 2005 clicchiamo con il 
tasto destro sul nome del progetto 
ExcelApplication e selezioniamo Properties. 
Nella finestra delle proprietà abbiamo a 
disposizione diverse schede e sulla sinistra 
clicchiamo sulla scheda Signing e impostiamo 
il check Sign the assembly per consentirci di 
firmare digitalmente l'assembly. Nella combo 
box scegliamo <new> per creare un nuovo file 
di chiavi, impostiamo il nome vstokey.snk 
senza indicare alcuna password e clicchiamo 



1 


5igning 


Timestannp server URL: 






Publish 


l — l 


Choose a strong nanne key file: 


vstokey.snk 


H 


1 1 Delay sign only 

When delay signed, the project will not run or be debuggable. 



su ok. Se tutto è andato a buon fine il risulta- 
to sarà quello visualizzato in figura 3. 
Al termine della procedura di configurazione, 
Visual Studio 2005 crea un nuovo file 
vstokey.snk che utilizzerà in fase di compila- 
zione per firmare l'assembly. A questo punto 
siamo pronti per eseguire la compilazione e 
pubblicare il risultato nel percorso condivisa. 
Avviamo la compilazione e al termine proce- 
diamo con la pubblicazione. Facciamo clic 
con il tasto destro del mouse sul nome del 
progetto ExcelApplication e clicchiamo su 
Publish o Pubblica per chi ha la versione ita- 
liana di Visual Studio 2005. A questo punto 
parte il wizard che ci chiede quale modalità di 
pubblicazione vogliamo utilizzare. Scegliamo 
un percorso di rete indicando \\server\cartel- 
la, clicchiamo su next e poi su finish per ese- 
guire la pubblicazione. Contestualmente 
viene rieseguita la compilazione, vengono 
creati il deployment manifest e l'application 
manifest ed infine viene tutto copiato nel 
path indicato. Ora dovremmo essere in grado 
di eseguire l'applicazione semplicemente 
avviandola dal path indicato. Prima, però, 
come già indicato dobbiamo necessariamente 
assegnare, su tutti i computer, i giusti permes- 
si di esecuzione alla cartella condivisa. 



E LA SICUREZZA? 

Come sopra descritto, un'applicazione VSTO 
per essere eseguita correttamente necessita di 
acquisire un set di permessi di tipo FullTrust. 
Al fine di assegnare i giusti permessi dobbia- 
mo creare un gruppo di codice {Code Group) 
in grado di garantire il set FullTrust, appunto, 
agli assembly in esecuzione nel path che suc- 
cessivamente andremo ad indicare. Per far 
questo dobbiamo eseguire alcuni semplici 
passi: 



r 



-"'"■ '"•' - 



g 



File Modifica Visualizza Preferiti Strumenti ? 
.■ Indietro T 



Cerca 



Cartelle 



Indirizzo — Strumenti di amministrazione 

^ É l-_ Microsoft .NET Framework 1 . 1 
Wizards 
Collegamento 




jl Microsoft .NET Framework 



— T^f? Configuratic 

3& 



Fig. 3: La finestra delle proprietà del progetto. 



Fig. 4: Il .NET Framework Configuration Tool. 
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1 Apriamo il .NET Framework Configuration 
Tool dal Pannello di Controllo /Strumenti di 
Amministrazione. 



soie Root 

,NET Frameworl ' 

Si My Computer 

% Assembly Cache 
^ Configured Assemblies 
• J Remoting Services 
£gl Runtime Security Policy 
Ep-J^ Enterprise 
É-S Machine 

- _ ! Code Groups 
; B--^ AlljCode 

•■• r 1 -jlomputei „Zone 

|--^ Intranet_Same I 
-■■<> Intranet_Same Duplicate 
É-^ Internet_Zone 
[■■■^ Restricted_Zone 
É-^ Trusted_Zone 
+ _^J Permission Sets 
Ljj) Policy Assemblies 
+ £ User 
j Applications 

Proprietà 



Visus izza 



aglia 
Copia 
E imina 
Rinomina 



LocalIntranet_Zone Code Grò 



Description: 

group grants the intranet 
from the intranet zone. This pe 
intranet code the right to use 
access, some capability to do 
access to environrnent va 

lence must match 
to belong to the code group: 

Assemblies match ng the memt 
granted this permission set at 
Locallntranet. 

Permission Set Description: 
Default rights given to applicai: 



Tasks 

Edit Code Group Properties 

rhe Code 2roup Properties dia : 
code group 's name, description, 
;ion set. 



Fig. 5: La creazione di un nuovo code group 

2 Espandiamo il nodo My Computer '/Runtime 
Security Policy /Machine/ Code Groups 
/All_Code/LocalIntranet_Zone. Qui clicchiamo 
con il tasto destro del mouse e selezioniamo 
New per avviare il wizard di creazione del nuovo 
gruppo di codice. 



Identify the new Code Group 

Fhe new code group should have a name and description to help others understand 



* Create a new code group 
Nanne: 



|VSTO_Code_Group 



import a e mn a XML File 



Choose a condition type 

'"ho membership condition determines whether oi not an assembly meels specific 
requirements to get the pernii: non. airociated with a code group. 



Choose the condition type for this code group: 



[URL 



~3 



The URL mem ; that originate 

from the URI specified faelow Assemblies that meei this membership 

condition will be granted the perr h this code 
group. 



The URL must include the protocol sucri as 'ftp://' or 'http://'. An 
asterisk [1 cari be used as a wildeard character at the end of the URI . 



Examples: 

http: //www. 1 _assembly.dll 

ftp: //ftp. microsoft, com /pub/ 1 " 



< Back | Next> | Cancel 



Fig. 7: Impostiamo il tipo di condizione da rispettare 

5 Infine impostiamo il Permission Set che il 
gruppo di codice garantisce agli assembly 
che rispettano la condizione precedentemente 
impostata. Nel nostro caso assegniamo 
FullTrust, clicchiamo su Next e poi su Finish. 
La procedura indicata consente di creare il giu- 
sto gruppo di codice con il set di permessi di tipo 
FullTrust che come abbiamo già detto è necessa- 
rio per l'esecuzione di applicazioni VSTO. È 
importante sottolineare che bisogna essere 
amministratori della macchina per poter esegui- 
re le operazioni sopra descritte. 



llTIillTllllTIl 



Assign a Permission Set to the Code Group 

Code groups must have ;t: associated permission set. Use an existing 
create a new one. 



14 



V/ouId you like to use ar existing permission set already defined in this policy level 
or create a n 1 1 n ion set? 



(* Use exisiting permission set: 

| FullTrust 
C Create a new permission set 



"3 



Fig. 8: Indichiamo FullTrust come permission set. 




Fig. 6: Selezioniamo il nome del gruppo di codice. 



3 Nella prima scheda del wizard indichiamo il 
nome del gruppo di codice, ad esempio 
VSTO_Code_Group f e clicchiamo su Next. 

4 Successivamente indichiamo la condizione 
che Tassembly deve rispettare per ottenere i 
permessi assegnato a questo specifico gruppo di 
codice. Qui selezioniamo come tipo di condizio- 
ne l'appartenenza ad un URL, che indichiamo 
nel secondo campo di input come \\server\car- 
tella, ad esempio \\fabioc\publish, e clicchia- 
mo su Next. 

L'asterisco indicato e visibile in figura 7 serve per 
consentire i permessi a tutti i files in esecuzione 
nella specifica cartella e nelle sue sottocartelle 



LA CODE ACCESS SECURITY 



La CAS è presente fin dalla 
prima versione del Microsoft 
.NET Framework e consente di 
prevenire l'esecuzione di 
codice non attendibile o che 
richiede elevati permessi per 
essere eseguito. Il runtime 
verifica, al caricamento di un 
assembly, la sua attendibilità 
sulla base della cosiddetta 
evidence, calcolata utilizzando 
parametri come la firma 
dell'assembly via strong-name 
o certificato digitale, la sua 



zona di esecuzione, ecc., 
utilizzandola per identificare il 
gruppo di codice di 
appartenenza e i relativi 
permessi di esecuzione. I 
gruppi di codice (code group) 
vengono generalmente 
determinati dagli 
amministratori di sistema. Se i 
permessi richiesti non 
coincidono con il gruppo di 
codice di riferimento, il 
runtime genera una eccezione 
di sicurezza. 
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L'ESECUZIOI\IE SU UHI 
COMPUTER DIVERSO 

La procedura di pubblicazione ha generato 
una particolare struttura di files e cartelle 
secondo le regole stabilite dalla tecnologia 
ClickOnce. In figura 9 è visualizzata una strut- 
tura di cartelle che mostra nella root il docu- 
mento excel ed il deploy manifest, mentre 
nelle varie sottocartelle, contenente l'applica- 
tion manifest e gli assembly dipendenti, una 
suddivisione per versioni. È il deployment 
manifest che indica qual è la versione corren- 
temente in uso e lo fa in due modi: 

1. Indicando la evidence del deployment 
manifest: 

ossemblyldentity 

name="ExcelApplication. application" 

version = "1.0.0.7" 

publicKeyToken = "0000000000000000" 

language="neutral" processorArchitecture="msil" 

xmlns="urn:schemas-microsoft-com:asm.vl" /> 

2. Indicando la evidence degli assembly 
dipendenti: 

<dependency> 

<dependentAssembly dependencyType= "instali" 



INSTALLAZIONE DEI PREREQUISITI 



Prima di poter eseguire 
qualsiasi applicazione VSTO, è 
necessario che sul computer 
dell'utente siano presenti 
alcuni prerequisiti procedendo 
come di seguito: 

1. Installare il .NET Framework 

2. Installare il runtime di Visual 
Studio Tools for Office, 
prelevabile da questo 
indirizzo: 

http://go.microsoft.com/fwlink/?! 
inkid=49612&clcid=0x409 

3. Opzionalmente è possibile 
installare il Visual Studio 
Tools for Office Language 
Pack che consente la 
visualizzazione dei messaggi 
nella stessa lingua del 
sistema operativo. Il VSTO 
Language Pack è disponibile 
nell'area download 
http://www.microsoft.com/downl 
oads 

4. Installare i Primari 
Interoperable Assembly 
disponibili nel setup di Office 
2003 



Per il punto 4 in particolare è 
importante selezionare la voce 
.NET Programmability Support 
nel wizard di installazione di 
Office 2003 Professional, così 
da consentire l'installazione 
dei Primary Interoperable 
Assembly, il set di assembly 
che contengono la definizione 
dei tipi che sono stati definititi 
negli oggetti COM. 
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Fig. 10: II wizard di installazione 
di Office 2003 



codebase="ExcelApplication_1.0.0.7\ExcelApplicati 

on. 
dll. manifest" size="1197"> 
ossemblyldentity name=" ExcelApplication.dll" 

version = "1.0.0.7" /> 

Se proviamo ad eseguire il documento Excel 
contenuto nella root su un pc differente da 
quello di sviluppo, funzionerà tutto corretta- 
mente. Possiamo anche prelevare il file e 
copiarlo su una directory differente sul pc 
locale e tutto continuerà a funzionare regolar- 
mente. Come avviene? Semplicemente il docu- 
mento Excel mantiene un riferimento alla cartel- 
la condivisa, dalla quale recupera ed esegue gli 
assembly dipendenti. Questo meccanismo con- 
sente di avere la certezza di eseguire sempre la 
versione ultima del documento. 



MUOVA RELEASE 

Dopo aver analizzato le diverse problematiche, 
proviamo ora ad eseguire un update dell'applica- 
zione pubblicandone una nuova versione. 
Riprendiamo il progetto Excel Application e pro- 
viamo ad eseguire una qualsiasi modifica, ad 
esempio aggiungendo un qualsiasi nuovo ele- 
mento nell'array dei nomi dei redattori. Al termi- 
ne delle modifiche rieseguiamo il Publish Wizard 
confermando tutte le precedenti impostazioni. 
Proviamo ora ad eseguire il documento Excel 
aggiornato e a cliccare sul pulsante Update per 
scorrere i risultati e fino a visualizzare il nuovo 
redattore inserito. Ovviamente se modifichiamo 
la struttura del documento andremo a sovrascri- 
vere il documento precedentemente pubblicato. 
Per evitare questo problema potrebbe essere una 
buona soluzione utilizzare il foglio Excel per 
ottenere informazioni da fonti di dati come, ad 
esempio, database Sql Server 2005. 



CONCLUSIONI 

Nel presente articolo abbiamo visto come 
creare applicazioni utilizzando Visual Studio 
Tools for Office, ma soprattutto come distri- 
buire le applicazioni create verso gli utenti 
che ne faranno poi uso. Abbiamo poi analiz- 
zato le varie problematiche legate alla distri- 
buzione di documenti Office e come è possi- 
bile risolverle. Come già accennato, purtrop- 
po l'integrazione tra ClickOnce e VSTO non è 
ancora perfetta, ma lo sarà senza dubbio nelle 
prossime versioni. 

Fabio Cozzolino 
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GESTISCI AL MEGLIO 
LE TUE RISORSE 

AVETE A DISPOSIZIONE 5 SCIALUPPE DI SALVATAGGIO E 50 PERSONE DA SALVARE. OGNI 
SCIALUPPA PUÒ PORTARE AL MASSIMO 400KG. POICHÉ IL PESO DELLE PERSONE È 
MOLTO VARIABILE, COME POSSO DISTRIBUIRLE IN MODO OTTIMALE? 





GCDG WEB 

CMDBREAIIocator.zip 




J T-SQL 




Spesso capita di avere a che fare con problemi 
che appaiono inizialmente molto semplici, ma 
che in realtà celano una complessità notevole. 
Si pensi, ad esempio, di dover caricare 50 persone, 
50 per un peso complessivo di 4000 kg, su un certo 
numero di scialuppe, che possiamo supporre essere 
1 1 con una portata di 400 kg ciascuna. Se ipotizzas- 
simo che le persone pesano tutte allo stesso modo, e 
quindi 80 kg ciascuna, potremmo pensare di mette- 
re 5 persone su ogni scialuppa, lasciandone addirit- 
tura una vuota. Ma la supposizione non ha alcun 
fondamento e pertanto, la soluzione pensata non ha 
alcuna validità. Basta pensare che, se il nostro cam- 
pione fosse composto da 49 persone di 81 kg più un 
bambino di 31 kg, in ogni scialuppa potremmo cari- 
care al più 4 persone, ed in una scialuppa 4 persone 
più il bambino, per un totale di sole 45 persone; in 
questo caso il nostro problema non ammetterebbe 
alcuna soluzione ovvero la soluzione sarebbe quella 
di "sacrificare" 5 persone. 



UNA COMPLESSITÀ 
DECISAMENTE ELEVATA 

Il problema presentato è molto simile ad un proble- 
ma di knapsack multiplo, in cui si hanno a disposi- 
zione m contenitori di capacità wi ed n oggetti con 
un peso pj; è importante precisare che il problema 
del knapsack è un problema NP-Completo, ovvero 
tra i più difficili da risolvere, e, nella sua versione 



V 



max Y Y PjXìj 



PjXjj <= Wi i = l..m 



y x n <= i 



j = l..n 



Xj-j = {0, 1} 1 = 1.. m ,J=l..n 



X PjXìj ~ Wi l = l„m Wi=f(pi,„,p n ) 

j = i 

ITI 

V Xij = 1 J = l„n 
i = i 

Xji = {0, 1} i = l..m , j = l..n 



Fig. 1: La formulazione matematica del knapsack multiplo e la trasformazione per 
modellare II nostro problema; la funzione obiettivo si esaurisce nella definizione 
delle capacità e nella modifica del secondo vincolo, l'ammissibilità della soluzione 
è garantita dall'elasticità informale del primo vincolo. 



decisionale rientra tra i 21 problemi NP-Completi di 
Karp. Volendo, tuttavia, distribuire comunque tutti 
gli oggetti nei vari contenitori, oltre a dover imporre 
che la capacità complessiva dei contenitori sia mag- 
giore o uguale al peso degli oggetti da allocare, e 
quindi funzione di essi, possiamo ammettere la pre- 
senza nella soluzione di gap e overlap, cioè di non 
riempire completamente un contenitore oppure di 
allocarvi oggetti in misura superiore alla sua capa- 
cità. Queste ipotesi di fatto trasformano il nostro 
problema in un problema di partizionamento: un 
esempio può essere la distribuzione dei clienti di 
una società su canali commerciali in modo propor- 
zionale alla capacità degli stessi canali; nel nostro 
caso, prenderemo come esempio il problema di una 
società che ha la necessità di incassare tramite 
disposizioni bancarie, importi in addebito ai propri 
clienti, suddividendo la totalità degli importi su più 
conti secondo un qualche criterio; la suddivisione 
potrebbe essere fatta sulla base dei castelletti salvo 
buon fine definiti sulle varie banche; tuttavia, esi- 
stendo l'esigenza di incassare tutti gli importi dovu- 
ti dai clienti, si può pensare di adottare un criterio di 
suddivisione percentuale sull'importo complessivo. 



IMPOSTAZIONE 

La difficoltà intrinseca in un problema di questo tipo 
è dovuta ad una serie di particolarità, quali la granu- 
larità; si supponga infatti di non poter suddividere 
gli importi di ciascun cliente, ad esempio per ridurri 
i costi delle operazioni bancarie; il dominio del pro- 
blema è dunque un dominio discreto e pertanto non 
sempre esiste la soluzione esatta. Dovendoci accon- 
tentare, in molti casi, di una soluzione sub- ottima, e 
vista la complessità del problema, è senza dubbio 
opportuno affidarsi ad un algoritmo di tecnica 
"golosa" (greedy). Supponiamo inoltre di dover ela- 
borare un numero sufficientemente grande di clien- 
ti e di voler generare sulla base dati le disposizioni ed 
i supporti logici -da cui estrarre in un secondo 
momento i file RID da inviare alle banche lavorando 
i dati direttamente sul DB, senza utilizzare una 
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applicazione di appoggio, ad esempio per evitare lo 
scarico dei dati iniziali e l'upload dei dati post-ela- 
borazione. Come ambiente di sviluppo verrà utiliz- 
zato SQL Server 2000, ed in particolare i cursori con 
le estensioni T-SQL. 

Per testare la procedura, è possibile utilizzare i dati 
di esempio presenti nell'allegato; si tratta di un set di 
poco più di 16.000 transazioni effettuate da un cam- 
pione di 1.000 clienti su un parco di 13 prodotti; 
l'importo delle singole transazioni è stato per como- 
dità considerato variabile e non legato al prodotto, 
con una serie di importi che variano da € 2,02 ad € 
1.158,99; avremo quindi 1.000 disposizioni che 
variano da un totale di € 1.360,00 ad un totale di € 
17.343,84 da allocare su 4 banche secondo uno sche- 
ma percentuale 50-30-15-5. 



LA TECNICA GREEDY 

Ritornando momentaneamente al problema del 
knapsack, che è del tutto simile al nostro per quan- 
do riguarda la definizione dei vincoli, e differisce 
solo per la funzione obiettivo, che nel nostro caso 
viene "adattata" al problema per far spazio al vinco- 
lo di completa assegnazione delle risorse, gli algorit- 
mi greedy affrontati in letteratura si basano forte- 
mente su tecniche di ordinamento degli oggetti. 
Come vedremo, anche la nostra tecnica si basa sul- 
l'ordinamento, sebbene non fornisce alcuna garan- 
zia sulla "qualità" del risultato. Si pensi banalmente 
al caso "degenere" di un solo cliente, e quindi di una 
sola disposizione: in questo caso gli importi saranno 
inviati ad una sola banca che riceverà il 100% del 
totale, mentre le altre banche riceveranno lo 0%. 
Occorre comunque precisare che quando la cardi- 
nalità del problema in termine di clienti, e quindi di 
disposizioni è sufficientemente grande e gli importi 
totali delle disposizioni hanno una distribuzione 
casuale, i risultati della tecnica si rivelano piuttosto 
validi. Innanzitutto, come dovrebbe essere già chia- 
ro a questo punto, gli oggetti da allocare non sono le 
singole transazioni, ma le disposizioni, cioè il totale 
delle transazioni di ciascun cliente. Pertanto, un 
primo passo, che non è proprio dell'algoritmo, 
dovrà prevedere la creazione dei dati aggregati per 
ciascun cliente. Successivamente, possiamo impo- 
stare l'algoritmo nel seguente modo: possiamo ordi- 
nare le disposizioni dalla più grande alla più piccola 
in termine di importi- e anche le banche, da quella 
che dovrà ricevere una quantità maggiore di impor- 
ti a quella che dovrà riceverne meno. 
Quindi, partendo dalla disposizione più onerosa, si 
tenta di allocarla sulle banche, a partire da quella più 
ricettiva. Per meglio comprendere come funziona 
l'algoritmo, eseguiamo i passi su una istanza più 
piccola rispetto a quella allegata e gestibile manual- 
mente, come quella di figura 1; in particolare consi- 



deriamo 2 banche (70%, 30%) e 9 disposizioni da 
allocare, di importo compreso da €10,00 ad € 90,00 
con un passo di € 10,00. Come si può subito osser- 
vare, non esiste la possibilità di ottenere una solu- 
zione esatta, essendo gli importi delle disposizioni 
multipli di € 10,00 a fronte di una ripartizione 
richiesta in € 315,00 sulla banca A e € 135,00 sulla 
banca B. Ordinando le entità secondo i criteri 
descritti, dovremo considerare prima la banca A, 
successivamente la banca B; per le disposizioni 
invece partiremo dalla D9 fino ad arrivare alla DI. 
Pertanto, seguendo la prima parte dell'algoritmo 
risulterà semplice allocare le disposizioni D9-D3, 




Banche 


A 


B 


70% 


30% 



Disposizioni 


DI 


D2 


D3 


D4 


DE 


D6 


D7 


D8 


D9 


€ 10,00 


€ 20,00 


€ 30,00 


€ 40,00 


€ 50,00 


€ 60,00 


€ 70,00 


€ 30,00 


€ 90,00 



Fig. 2: Esempio di istanza 

come da figura: 

Per le disposizioni D9-D6 infatti, troveremo sempre 
posto nella banca A, mentre le disposizioni D5-D3, 
essendo superiori alla capacità residua della banca 
A, verrano destinate alla banca B. Al momento di 
selezionare la banca per D2, vediamo però che 























Banca 


A 


B 






Percentuale richiesta 


70% 


30% 


Importo richiesto 


€ 315,00 


€ 135,00 


Percentuale attuale 


66,67% 


26,67% 


Importo attuale 


€ 300,00 


€ 120,00 












Disposizioni 


DI 


D2 


D3 


D4 


DE 


D6 


D7 


DS 


D9 




Importo 


€ 10,00 


€ 20,00 


€ 30,00 


€ 40,00 


€ 50,00 


€ 60,00 


€ 70,00 


€ 30,00 


€ 90,00 


Banca destinataria 


7 


7 


B 


B 


B 


A 


A 


A 


A 





Fig. 3: Soluzione parziale 

ovunque questa venga posta, si avrebbe un supera- 
mento degli importi richiesti, come si può vedere 
dalla figura che illustra due delle quattro possibili 
combinazioni, avendo escluso quelle che vedono 
entrambe le disposizioni assegnate alla stessa 
banca: La scelta della banca destinataria può quindi 
essere effettuata o su base casuale, o, nel tentativo di 
ridurre gli errori, con un criterio euristico. Nel nostro 
caso decidiamo di effettuare la scelta che minimizza 
l'errore relativo (in valore assoluto); per la disposi- 
zione D2, se questa venisse destinata alla banca A, 
porterebbe ad un totale di € 320,00 contro gli € 
315,00 deisderati, con un errore relativo di (320- 
315) /315 = 1,58%. Mentre, se venisse destinata alla 
banca B, porterebbe ad un totale di € 140,00 contro 
gli € 135,00 richiesti, con un errore relativo di (140- 
135)/ 135 = 3,70%; la disposizione D2 viene pertanto 
destinata alla banca A. 

Iterando il procedimento sulla disposizione DI, 
avremmo sulla banca A un errore relativo di (330- 
315) /315 = 4,76%, mentre sulla banca B un errore 
relativo di (135-130/135) = 3,70%; la soluzione trova- 
ta pertanto è la soluzione 1 di figura 4. 
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Soluzione 1 
















Banca 


A 


B 






Percentuale richiesta 


70% 


30% 


Importo richiesto 


€ 315,00 


€ 135,00 


rituale attuale 


71,11% 


28,89% 


Importo attuale 


€ 320,00 


€ 130,00 














■sizioni 


DI 


D2 


D3 


D4 


D5 


D6 


D7 


D8 


D9 




Importo 


€ 10,00 


€ 20,00 


€ 30,00 


€ 40,00 


€ 50,00 


€ 60,00 


€ 70,00 


€ 80,00 


€ 90,00 


Banca destinataria 


B 


A 


B 


B 


B 


A 


A 


A 


A 








Soluzione 2 
















Banca 


A 


B 




Pen entuale richiesta 


70% 


30% 


Importo richiesto 


€ 315,00 


€ 135,00 


1 rituale attuale 


68,89% 


31,11% 


Importo attuale 


€ 310,00 


€ 140,00 














isizioni 


DI 


D2 


D3 


D4 


D5 


D6 


D7 


D8 


D9 




Importo 


€ 10,00 


€ 20,00 


€ 30,00 


€ 40,00 


€ 50,00 


€ 60,00 


€ 70,00 


€ 80,00 


€ 90,00 


Banca destinataria 


A 


B 


B 


B 


B 


A 


A 


A 


A 























Fig. 4: Le due possibili soluzioni 



[Id] [int] IDENTITY (1, 1) NOT NULL , 

[ABICode] [char] (5) COLLATE 
SQL_Latinl_General_CPl_CI_AS NOT NULL , 

[CABCode] [char] (5) COLLATE 

SQL_Latinl_General_CPl_CI_AS NOT NULL , 

[AccountNumber] [char] (12) COLLATE 
SQL_Latinl_General_CPl_CI_AS NOT NULL , 

[CIN] [char] (1) COLLATE 
SQL_Latinl_General_CPl_CI_AS NOT NULL , 

[IBAN] [varchar] (50) COLLATE 

SQL_Latinl_General_CPl_CI_AS NOT NULL , 

[Percentage] [float] NOT NULL , 

[Enabied] [bit] NOT NULL 

) ON [PRIMARY] 

GO 



LA STRUTTURA DATI 

Per costruire il nostro algoritmo T-SQL, faremo 
ricorso a strutture dati piuttosto semplificate; utiliz- 
zeremo la tabella CMDACCTransaction che conterrà 
le transazioni di ciascun cliente e la tabella 
CMDDATBankAccount che conterrà le anagrafiche 
delle banche destinatarie: 

CREATE TABLE [dbo]. [CMDACCTransaction] ( 

[Id] [int] IDENTITY (1, 1) NOT NULL , 

[ClientCode] [char] (7) COLLATE 
SQL_Latinl_General_CPl_CI_AS NOT NULL , 

[ProductCode] [char] (5) COLLATE 

SQL_Latinl_General_CPl_CI_AS NOT NULL , 

[OperationDate] [datetime] NOT NULL , 

[Amount] [money] NOT NULL , 

[CauseDescription] [varchar] (50) COLLATE 
SQL_Latinl_General_CPl_CI_AS NOT NULL , 

[Dispositionld] [int] NULL 

) ON [PRIMARY] 

GO 



CREATE TABLE [dbo]. [CMDDATBankAccount] ( 
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Per maggior efficienza possiamo supporre di avere, 
sulla tabella CMDACCTransaction, un indice cluste- 
rizzato sul campo ClientCode. Inoltre utilizzeremo 
le tabelle CMDRIDD isposition e CMDRIDSupport 
che conterranno rispettivamente le disposizioni di 
pagamento ed i supporti logici, intesi come conteni- 
tori di disposizioni: 

CREATE TABLE [dbo].[CMDRIDDisposition] ( 

[Id] [int] IDENTITY (1, 1) NOT NULL , 

[Supportld] [int] NOT NULL , 

[Progressive] [int] NOT NULL , 
[ClientCode] [char] (7) COLLATE 

SQL_Latinl_General_CPl_CI_AS NOT NULL , 



[Amount] [money] NOT NULL 



) ON [PRIMARY] 



GO 



CREATE TABLE [dbo]. [CMDRIDSupport] ( 

[Id] [int] IDENTITY (1, 1) NOT NULL , 
[BankAccountld] [int] NOT NULL , 

[CreationDate] [datetime] NOT NULL , 

[DispositionsNumber] [int] NOT NULL , 



[Amount] [money] NOT NULL , 



[Completed] [bit] NOT NULL 



) ON [PRIMARY] 



Fig. 5: Diagramma entità-telazioni 



GO 



Nel diagramma che segue sono mostrate le relazioni 
tra le varie tabelle; per completezza è stata aggiunta 
la tabella CMDDATClient che raccoglie le anagrafi- 
che dei clienti. 



USO DEI CURSORI 

Come si può osservare, la natura dell'algoritmo 
descritto è iterativa, pertanto è necessario ricorrere a 
tecniche di iterazione sui dati, nel nostro caso 
recordset; in tal senso ci vengono incontro i cursori 
in T-SQL. 
Utilizzando la sintassi: 
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DECLARE cursor_name CURSOR 



[ LOCAL | GLOBAL ] 



[ FORWARD_ONLY | SCROLL ] 



[ STATIC | KEYSET | DYNAMIC | FAST_FORWARD ] 
[ READ_ONLY | SCROLL_LOCKS | OPTIMISTIC ] 



[ TYPE_WARNING ] 



FOR select_statement 

è possible definire un cursore, cioè una struttura dati 
su cui sono disponibili operazioni di iterazione, su 
una query; a seconda della definizione del cursore, 
sarà possibile effettuare su di esso una o più opera- 
zioni di fetch (next, prior, last, first, relative, ab solu- 
te), ovvero di scrolling del cursore sul recordset. 
L'algoritmo prevede una iterazione esterna sulle 
disposizioni che ne prevede l'immediata assegna- 
zione ad un determinato supporto; su questo 
recordset pertanto non sono richieste né la dinami- 
cità dei dati, né operazioni di fetch oltre l'avanza- 
mento. Pertanto possiamo definire il cursore 
FORWARD_ONLY STATIC, e impostare lo scheletro 
della procedura come segue: 



DECLARE @ClientCode 



AS CHAR(7) 



DECLARE @DispositionAmount AS MONEY 

DECLARE DispositionCursor CURSOR LOCAL 

FORWARD_ONLY STATIC FOR 

SELECT T.ClientCode, SUM(ROUND(T.Amount, 2)) 



FROM 



dbo.CMDACCTransaction T 



WHERE TAmount > 



AND 



TDispositionld IS NULL 



GROUP 



BY T.ClientCode 



ORDER 



BY SUM(ROUND(T.Amount, 2)) 



DESC 



OPEN SupportCursor 



OPEN DispositionCursor 



FETCH NEXT FROM DispositionCursor INTO 

@ClientCode, @DispositionAmount 



WHILE (@@FETCH_STATUS = 0) 



BEGIN 



-ricerca supporto di destinazione 



-crea disposizione e aggiorna supporto 
FETCH NEXT FROM DispositionCursor INTO 

@ClientCode, @DispositionAmount 
END 



Per la ricerca della banca di destinazione, ovvero del 
supporto, abbiamo invece la necessità di operazioni 
di fetch di avanzamento e di riposizionamento del 
cursore ad inizio recordset; inoltre, supponendo di 
aver inizialmente creato un supporto vuoto per cia- 
scuna banca destinataria, ci interessa conoscere l'at- 
tuale stato di riempimento del supporto, e pertanto 
sarà necessario adoperare un cursore SCROLL 
DYNAMIC,: 

DECLARE ... 



DECLARE SupportCursor CURSOR LOCAL SCROLL 

DYNAMIC FOR 
SELECT RS.Id, BA.Percentage / 100, RS.Amount, 
RS.DispositionsNumber FROM 
dbo.CMDRIDSupport RS 
JOIN dbo.CMDDATBankAccount 
BA ON RS.BankAccountld = BA.Id 
WHERE RS.Completed = ORDER BY BA.Percentage 
DESC 

-Ricerca supporto destinazione 
SET @BankAccountFound = 



SET @RelativeErrorMax 



FETCH FIRST FROM SupportCursor INTO @SupportId, 

@SupportPercentage, @SupportAmount, 
@DispositionsNumber 
WHILE (@@FETCH_STATUS = 0) AND 

(@BankAccountFound = 0) 



BEGIN 



SET 
@SupportNewPercentage = (@SupportAmount + 
@DispositionAmount) / @TotalAmount 
-Rientra nei parametri del supporto: conto trovato 
IF @SupportNewPercentage 
<= @SupportPercentage 
BEGIN 
SET @SupportGreedyId = 

@SupportId 
SET @DispositionProgressive 
= @DispositionsNumber + 1 
SET @SupportNewAmount = 
@SupportAmount + 
@DispositionAmount 
SET @BankAccountFound = 1 
END 



ELSE 



-Calcola errore e verifica se 

- il supporto corrente è la 

- migliore alternativa 



BEGIN SET 



@RelativeError = (@SupportNewPercentage - 
@SupportPercentage) / @SupportPercentage 
IF (@RelativeErrorMax < 0) OR (@RelativeError < 

@RelativeErrorMax) 
BEGIN 

SET @SupportGreedyId = @SupportId 
SET @DispositionProgressive = 

@DispositionsNumber + 1 
SET @RelativeErrorMax = @RelativeError 
SET @SupportNewAmount = 

@SupportAmount + @DispositionAmount 
END 
END 



FETCH NEXT FROM SupportCursor 
INTO @SupportId, @SupportPercentage, 
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@SupportAmount, @DispositionsNumber 


END 


—crea di 


sposizione e aggiorna supporto 


INSERT 


INTO dbo.CMDRIDDisposition 
(ClientCode, Supportld, Progressive, Amount) 


VALUES 


(@ClientCode, @SupportGreedyId, 
@DispositionProgressive, @DispositionAmount) 


SET 


@DispositionId = @@IDENTITY 


UPDATE 


dbo.CMDRIDSupport 


SET 


Amount = @SupportNewAmount, 


DispositionsNumber = 
@DispositionProgressive 


WHERE 


dbo.CMDRIDSupport.Id = 

@SupportGreedyId 


UPDATE 


dbo.CMDACCTransaction 


SET 


Dispositionld = @DispositionId 


WHERE 


ClientCode = @ClientCode 


AND 


Amount > 


AND 


Dispositionld IS NULL 



Completata l'assegnazione infine si prevedono le 
operazioni di chiusura dei cursori, di eliminazione 
dei supporti eventualmente vuoti -essendo stati 
creati preventivamente- e di flaggatura dei supporti 
come completati: 



CLOSE 


SupportCursor 


DEALLOCATE SupportCursor 




CLOSE 


DispositionCursor 


DEALLOCATE DispositionCursor 


DELETE 


FROM 


dbo.CMDRIDSupport 


WHERE 


dbo.CMDRIDSupport.Completed = 


AND 


dbo.CMDRIDSupport. DispositionsNumber = 




UPDATE 


dbo.CMDRIDSupport 


SET 


Completed = 1 


WHERE 


Completed = 



illustriamo utilizzando il nostro esempio, l'algorit- 
mo che verrà realizzato. Supponiamo di associare ad 
ogni disposizione una percentuale progressiva 
rispetto alle disposizioni che la precedono, e di ese- 
guire lo stesso ragionamento sulle banche; a questo 
punto, iterando sulle banche, basterà individuare la 
sottosequenza che porta alla completa allocazione 
degli importi sulle banche: Se decidiamo di fermar- 
ci all'ultima disposizione con progressivo minore o 
uguale a quello della banca, avremmo che sicura- 
mente riusciamo ad assegnare tutte le disposizioni, 
sebbene il taglio per le prime banche avverrebbe in 
corrispondenza di disposizioni con granularità alta, 
ed un conseguente aumento dell'errore sul vincolo 
capacitivo. 

Occorre però dire che quando l'istanza è sufficiente- 
mente grande -come nell'esempio allegato alla rivi- 
sta-, la misura dell'errore diviene sufficientemente 
piccola ed in genere si può ritenere trascurabile, 
soprattutto nei riguardi dei vantaggi acquisiti sui 
tempi di elaborazione. 

Analizzando nel dettaglio le modalità di implemen- 
tazione, possiamo pensare di utilizzare una self-join 
delle disposizioni per ottenere un array ordinato che 
contiene per ogni disposizione la percentuale pro- 
gressiva: 

-Creazione tabella temporanea disposizioni ordinate 

CREATE TABLE #CMDTMPDispositionsQueue ( 

Idx INT NOT NULLIDENTITY (1, 1), 

ClientCode VARCHAR(7) NOT NULL, 

DispositionAmount MONEY NULL 

~j 

INSERT INTO #CMDTMPDispositionsQueue(ClientCode, 

DispositionAmount) 
SELECT T.ClientCode, SUM(ROUND(T.Amount, 2)) 
FROM dbo.CMDACCTransaction T 

WHERE T.Amount > 

AND T.Dispositionld IS NULL 



GROUP BY T.ClientCode 



ORDER BY SUM(ROUND(T.Amount, 2)) DESC 



UHI ALGORITMO 
PIÙ EFFICIENTE 

Attraverso l'utilizzo di cursori T-SQL si è realizzato 
un algoritmo strettamente legato al paradigma della 
programmazione imperativa. Tuttavia, l'ambiente 
utilizzato non nasce con queste finalità e le perfor- 
mance dell'algoritmo degradano al crescere delle 
disposizioni: è facile osservare che facendo aumen- 
tare il numero dei clienti, ad esempio a 10.000, si 
ottengono prestazioni che in alcuni ambiti possono 
essere ritenute non soddisfacenti. 
È possibile ottimizzare l'algoritmo, a discapito della 
sua precisione, lasciando invariato l'approccio basa- 
to sull'ordinamento delle entità, ma sfruttando 
maggiormente le primitive più tipiche del linguag- 
gio SQL. Prima di vedere i dettagli implementativi, 



-Calcolo totale da allocare 



SELECT @TotalAmount = 

SUM(ROUND(DQ.DispositionAmount, 2)) 



FROM 



#CMDTMPDispositionsQueue DQ 



- Creazione tabella temporanea 

- disposizioni con percentuale progressiva 
SELECT DQ.Idx, DQ.ClientCode, 

DQ. DispositionAmount, SUM(DP.DispositionAmount) / 
@TotalAmount * 100 AS PercentageProgressive 



INTO #CMDTMPDisposition 



FROM 



#CMDTMPDispositionsQueue DQ 



JOIN #CMDTMPDispositionsQueue DP ON 

DP.Idx <= DQ.Idx 

GROUP BY DQ.Idx, DQ.ClientCode, 

DQ. DispositionAmount 
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A questo punto possiamo iterare sulle banche per 
trovare i punti di rottura delle sottosequenze ed 
assegnare le disposizioni al supporto individuato. In 
questo caso non siamo interessati né agli aggiorna- 
menti sulle banche che non saranno necessari, 
mentre i supporti non verranno creati preventiva- 
mente ne ad operazioni di fetch oltre la NEXT, per- 
tanto possiamo dichiarare il cursore sulle banche 
FORWARD_ONLY STATIC, e per ogni banca indivi- 
duare il set di eventuali disposizioni che compongo- 
no il relativo supporto e quindi creare il supporto e 
le disposizioni. 

DECLARE BankAccountCursor CURSOR LOCAL 

FORWARD_ONLY STATIC FOR 

SELECT B.Id, B.Percentage 



FROM 



dbo.CMDDATBankAccount B 



WHERE B.Enabled <> 



AND 



B.Percentage > 



ORDER BY B.Percentage DESC 



-Inizializza allocazione 



SET 



@CurrentPercentage = 



SET 



@DispositionsFirstIdx 



OPEN BankAccountCursor 



FETCH NEXT FROM BankAccountCursor INTO 

@BankAccountId, @BankAccountPercentage 



WHILE (@@FETCH_STATUS = 0) 



BEGIN 



SET @CurrentPercentage = 

@CurrentPercentage + @BankAccountPercentage 

-Recupera il limite superiore delle disposizioni 

SELECT @DispositionsLastIdx = 

ISNULL(MAX(D.Idx), 0) 



FROM #CMDTMPDisposition D 



WHERE D.PercentageProgressive 
<= @CurrentPercentage 



-Se ci sono disposizioni da allocare 



IF @DispositionsLastIdx > 

@DispositionsFirstIdx 



BEGIN 



INSERTINTO 
dbo.CMDRIDSupport (BankAccountld, CreationDate, 
DispositionsNumber, Amount, Completed) 

SELECT 
@BankAccountId, GETDATE(), COUNT(*), 
SUM(ROUND(DispositionAmount, 2)), 1 
FROM#CMDTMPDisposition D 
WHERED.Idx 

BETWEEN @DispositionsFirstIdx AND 
@DispositionsLastIdx 
SET @SupportId = @@IDENTITY 
INSERTINTO 

dbo.CMDRIDDisposition ( 
ClientCode, Supportld, Progressive, Amount) 



@SupportId, D.Idx 



FROM 



@DispositionsFirstIdx + 1, 
D.DispositionAmount 
#CMDTMPDisposition D 



WHERE 
D.Idx BETWEEN @DispositionsFirstIdx AND 
@DispositionsLastIdx 



UPDATE dbo.CMDACCTransaction 



SET 



Dispositionld = RID.Id 



FROM dbo.CMDRIDDisposition 

RID 
WHERE RID.Supportld = 

@SupportId 



AND 



dbo.CMDACCTransaction. 



ClientCode = RID. ClientCode 



AND 
dbo.CMDACCTransaction.Amount > 



AND 
dbo.CMDACCTransaction. Dispositionld IS NULL 
END 



SET @DispositionsFirstIdx = 

@DispositionsLastIdx + 1 



FETCH NEXT FROM 



BankAccountCursor INTO @BankAccountId, 



@BankAccountPercentage 



END 



CLOSE BankAccountCursor 



SELECT D.ClientCode, 



DEALLOCATE BankAccountCursor 

Per quanto riguarda l'errore, questo potrebbe esse- 
re ridotto se considerassimo la possibilità di effettu- 
re due o più spazzolate sulle banche, ipotizzando 
inizialmente di ammettere solo gap nella soluzione 
temporanea, e, solo nell'ultima iterazione, comple- 
tare le assegnazioni consentendo anche overlap; 
ovviamente le spazzolate successive alla prima ver- 
rebbero effettutate sulle disposizioni residue e sulle 
capacità residue, effettuando un nuovo ordinamen- 
to delle entità. 



CONSIDERAZIONI FINALI 

L'algoritmo è pronto per essere testato e utilizzato; 
per quanto riguarda il discorso dell'onerosità com- 
putazione e dell'errore sui vincoli capacitivi, occorre 
precisare che trattandosi di tecniche greedy è diffici- 
le prevedere l'entità di questi errori, che può variare 
da piccole percentuali a percentuali molto elevate 
nei casi degeneri. 

E' interessante notare che al crescere dell'istanza, ed 
in particolare del numero di disposizioni rispetto al 
numero dei supporti, l'errore diventa sempre più 
piccolo, ed in genere, è preferibile avere algoritmi 
performanti, trattandosi sempre di soluzioni non 
esatte. 

Carmelo Durante 
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JAVA CREA IL TUO 
BROKER DI BORSA 

VI PRESENTIAMO UN METODO SEMPLICE PER REPERIRE INFORMAZIONI SUI MERCATI 
AZIONARI IMPAREREMO ANCHE QUALCOSA SULLA GESTIONE DEL NETWORKING E SUL 
PARSER DELLE PAGINE. INFINE VEDREMO COME UTILIZARE LE REGULAR EXPRESSION 





| Conoscenze base di 



» 



programmazione in 
Java 



J2SDK 



Tempo di realizzazione 



00 



Utilizzare il trading on-line sta diventando 
un'operazione comune. Al contrario, fino a 
pochi anni fa, questi strumenti erano gelo- 
samente detenuti da una ristrettissima cerchia eli- 
taria. I motivi che hanno permesso l'allargamento 
di questa platea sono sicuramente molteplici e non 
è questa la sede per fare un'analisi socio-economi- 
ca tipo. Un aspetto di questo mutamento però ci 
riguarda da vicino come informatici (proprio nel 
senso più specifico della parola, ossia "studiosi del- 
l'automazione dell 'informazione"): l'avvento di 
Internet ha permesso di reperire informazioni ed 
effettuare transazioni in tempo reale, indipenden- 
temente dallo spazio fisico che esiste fra il mercato 
e l'operatore. Tutto ciò inoltre può essere realizzato 
con dei costi irrisori, per non dire praticamente 
nulli. 



I PROCESSI DECISIONALI 

Il quadro sopra descritto può apparire tutto rose e 
fiori. In effetti le cose non stanno proprio così. 
La grande quantità di informazioni disponibili non 
va di pari passo con la loro usabilità e con la loro 
predisposizione all'elaborazione. Facciamo un 
paio di esempi che possono aiutarci a focalizzare 
meglio ciò di cui stiamo discutendo. Immaginiamo 
di voler decidere se acquistare un titolo o meno. 
Naturalmente il solo dato che indichi la quotazione 
attuale dell'azione appare sicuramente troppo 
limitativo per prendere una decisione in merito. 
Sarebbe ad esempio utile disporre della serie stori- 
ca del titolo stesso da una certa data in poi. Allo 
stesso tempo potremmo desiderare di confrontare 
il trend dell'azione in questione con il suo indice 
d'appartenenza o con un altro indice proprio per 
valutare la rimuneratività del settore. Infine possia- 
mo anche applicare alcune elaborazioni a questi 
dati (ad esempio effettuare una media mobile) per 
ottenere punti significativi di "supporto" o di "resi- 
stenza". Un'altra esigenza comune potrebbe essere 
quella di monitorare l'andamento del nostro por- 
tafoglio di investimento rispetto alle attuali quota- 



zioni. In altre parole, vorremo poter acquisire auto- 
maticamente le informazioni su Internet e metter- 
le in relazione con quelle in qualche modo memo- 
rizzate off-line sul nostro computer. 



METTIAMO 

UN PO 1 D'ORDINE 

Ora che abbiamo dato un quadro generale della 
situazione, vediamo quali risposte possiamo dare 
alle problematiche sopra esposte. Il primo passo da 
compiere è stabilire come e dove reperire le infor- 
mazioni che ci servono. Abbiamo parlato dei Web 
Service e di come essi rappresentino uno strumento 
per implementare applicazioni distribuite che 
astraggano dal linguaggio usato. In effetti se fate giro 
su www.xmethods.org (box 1) troverete vari Web 
Service dedicati alle quotazioni in borsa, sfortunata- 
mente però hanno tutti come mercato di riferimen- 
to Wall Street, mentre sarebbe molto più utile avere 
a disposizione le quotazioni di Piazza Affari. 
Dobbiamo quindi rassegnarci a rinunciare ad usare 
un WS e trovare una soluzione meno comoda ma 
forse più stimolante sotto il profilo delle sfide tecni- 
che che bisogna affrontare. Solitamente un punto di 
riferimento per le informazioni sulla borsa è costi- 
tuito dai cosidetti "portali finanziari" che mettono a 
disposizione una serie di pagine web contenenti le 
più svariate informazioni sui mercati azionari. 
Naturalmente un sito web è molto funzionale quan- 
do un operatore umano naviga fra le intricate pagi- 
ne del sito; lo diventa molto meno se, come nel 
nostro caso, vogliamo automatizzare il reperimento 
ed il raggruppamento dei dati. Il prosieguo di questo 
articolo sarà proprio dedicato a fornire una soluzio- 
ne a questo problema. 



FACCIAMO 

UN PO' D'ORDINE 

Sintetizzando cosa vogliamo avere da un oggetto 
che si occupi di fare "il lavoro sporco per nostro 
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conto" possiamo affermare che abbiamo bisogno 
di un oggetto che ci fornisca il prezzo attuale della 
quotazione, la relativa data ed anche un identifica- 
tivo univoco che ci permetta di riferirci senza 
ambiguità ad un ben determinato titolo. 
La prima cosa da fare è definire un'interfaccia 
generica che permetta di compiere le operazioni 
descritte. Tale interfaccia si chiamerà IQuoteSpy 
sarà così definita: 



public 


interface IQuoteSpy { 




public 


Date getData(); 




public 


void setData(Date data); 


public doublé getPrezzo(); 


public void setPrezzo(double prezzo); 




public 


int getld(); 




public 


void setld(int id); 


} 



uni ROBOT 

PER YAHOO FINANZA 

Il portale scelto è quello di Yahoo ed in particolare 
il sito presente all'indirizzo http://it.finance. 
yahoo.com/ . La prima cosa che dobbiamo fare quin- 
di è cercare di capire un po' come sia strutturato 
tale sito; dobbiamo cioè fare una sorta di mini 
reverse- engineering del sito finanziario di Yahoo. 
La home page di Yahoo! Finanza è riportata in figu- 
ra 1. La prima cosa che ci viene in mente di fare è 
cercare un titolo, ad esempio Enertad (ricordatevi 
di selezionare il bottone nome). A questo punto ci 
dovrebbe apparire la schermata di figura 2. 
Naturalmente, essendo interessati alle quotazioni 
di Piazza Affari, cliccheremo sul primo link, cioè 
sulla borsa di Milano. 

Quello su cui dobbiamo concentrare la nostra 
attenzione è il metodo get che viene generato lato 
server. Una volta che abbiamo cliccato sul link 
veniamo indirizzati ad una pagina simile a quella 
riportata in figura 3. Osservando l'indirizzo che 
compare sulla relativa barra del nostro browser 
noteremo che è stata generata la seguente stringa: 
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http://it.finance.yahoo.com/q?s= ENR.MI . 
Se ora facciamo un'altra prova cercando le azio- 
ni AUTOSTRADE avremmo un indirizzo di que- 
sto tipo: http://it.finance.yahoo.eom/q ?s=AUTO.MI . 
Non ci vuole certo ora un esperto in decodifica di 
codici per capire come funzionano le cose: si ha 
una parte costante definita da http://it.finance. 
yahoo.com/q?s= seguito da un codice che identifi- 
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Fig. 2: II risultato di un'interrogazione 

ca l'azione in questione ed una terminazione col 
suffisso .MI che fa sì che ci si riferisca alle quota- 
zioni di Milano. Appurato ciò, collegarsi in 
maniera automatica alla pagina desiderata divie- 
ne estremamente semplice; è sufficiente infatti 
salvare da qualche parte i codici relativi alle azio- 
ni e costruire la stringa per l'uri ad hoc. Veniamo 
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Fig. 1: La home page di Yahoo 1 . Finanza 



Fig. 3: La stringa riportata dalV interrogazione 

subito al codice che realizza quanto sopra detto. 
Con molta fantasia la nostra classe che imple- 
menta l'interfaccia IQuoteSpy si chiama Yahoo: 

public class Yahoo implements IQuoteSpy { 



Oltre che implementare i metodi previsti dall' in - 
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terfaccia abbiamo salvato in delle costanti i 
codici relativi ad alcune azioni. 



public static final 


String ENI="eni"; 


public static final 


String ENEL="enel"; 


public static final 


String STM = "STM"; 


public static final 


String UNICREDIT="UC"; 


public static final 


String ENGINEERING = "ENG"; 


public static final 


String GENERALI="G"; 





COLLEGARSI AD 
INTERNET IN JAVA 

Vediamo quindi come ci si possa collegare ad 
una pagina web e leggerne il contenuto in Java. 
La cosa è molto più semplice di quanto si imma- 
gini, é sufficiente costruire in maniera opportuna 
un oggetto URL delle librerie standard di JDK ed 
estrarre da esso VOutputStream. Nella pratica 
bastano queste poche righe di codice per realiz- 
zare quanto detto sopra: 

private static final String 

link="http://it.finance. yahoo. com/q?d=vl&s="; 
private static final String borsa = "&m = MI"; 

queste due stringhe identificano le due parti 
costanti dell' URL che avevamo analizzato prece- 
dentemente, per cui, dato il codice del titolo per 
Yahoo!, costruiamo la stringa di connessione in 
questo modo: 

String urIString 

= link+quotel\lame.tol_owerCase()+borsa; 

URL uri = new URL(urlString); 

Una volta creato l'URL vorremmo leggere il conte- 
nuto dell'indirizzo a cui stiamo puntando. In Java 
tutto ciò è molto semplice, perché grazie agli 
Stream possiamo astrarre dalla sorgente da cui leg- 
giamo e quindi trattare lo Stream sempre allo stes- 
so modo. In altre parole, per noi non cambierebbe 
nulla se esso provenisse da un file, da una zona di 
memoria, etc; questo è un concetto fondamentale 
ogni volta che si utilizza un linguaggio di program- 
mazione Object Oriented. Per quanto ci riguarda 
basterà effettuare un wrapper sullo Stream otte- 
nuto dall'oggetto uri: 

BufferedReader reader=null; 

try { 

reader = new BufferedReader(new 
InputStreamReader(url.openStream())); 



> 



Ora che possiamo leggere come vogliamo i 
contenuti della pagina web, ci dobbiamo porre 
due domande fondamentali: cosa otteniamo 
quando leggiamo una pagina? Come possiamo 
isolare ed estrarre le informazioni che ci inte- 
ressano? Alla prima domanda è possibile dare 
una risposta immediata: lo stream che ottenia- 
mo dalla pagina web (e che sarà letto dall'og- 
getto reder creato) contiene il sorgente HTML 
della pagina stessa. La risposta alla seconda 
domanda, pur essendo collegata in parte alla 
prima, è subordinata alla conoscenza delle 
espressioni regolari. 



TROVA TUTTO 
CON LE REGEX 

Tecnicamente le espressioni regolari (RegEx = 
Regular Expressions) sono degli strumenti per 
la manipolazione di stringhe, introdotte in Java 
dalla versione JDK 1.4 ma già presenti in lin- 
guaggi come Python e Perl. Esse permettono di 
specificare dei pattern complessi di testo che 
possono essere trovati in una stringa di input. 
Le RegEx hanno una sintassi propria e per 
esplorarne tutte le potenzialità servirebbero 
svariati articoli. Quello che faremmo in questo 
articolo è invece presentare alcune caratteristi- 
che contemporaneamente al loro utilizzo nella 
nostra applicazione. Per prima cosa quindi 
bisogna analizzare il sorgente HTML della 
pagina mostrata in figura 3 in modo tale da 
costruire le RegEx appropriate per "matchare" 
(questo verbo sarà più chiaro tra un po') con i 
dati che vogliamo ricavare. Il nostro primo 
obbiettivo è quello di catturare la quotazione 
attuale del titolo. Fra le tante righe che ci 
appiano, con un po' di pazienza alla fine tro- 
viamo qualcosa che potrebbe fare al caso 
nostro: 

</small><big><b>3,1410 

</bx/big>  ... 

Quindi sappiamo che i prezzi sono racchiusi tra 
tag costanti e questo ci permette di costruire age- 
volmente un'espressione regolare per ricavare il 
valore di nostro interesse. Il seguente pattern fa 
quindi ciò che ci aspettiamo: 

private static final String patternQuote = 

"</smallxbig><b>([0- 
9].*)</bx/big>  "; 

È facile intuire il significato di questo pattern: esso 
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combacerà con tutte quelle stringhe che inizino 
con </small><bigxt» seguite da una cifra qualsia- 
si, ossia [0-9], seguita a sua volta da un numero di 
caratteri qualsiasi e che termini con </bx/big> 
  . Come avrete sicuramente notato la 
parte [0-9].* è racchiusa tra parentesi tonde. Tali 
parentesi non vanno considerate come parte delle 
RegEx, bensì esse delimitano un gruppo. Il codice 
seguente ci aiuta a capire meglio cosa sia un grup- 
po. Abbiamo creato un metodo statico che restitui- 
sce la quotazione del titolo: 

public static doublé getQuote(String quoteName) 

throws IOException{ 



quoteName) throws IOException { 



Pattern p = 

Pattern. compile(patternQuote); 



String line; 



while((line = 

reader.readLineO) != null){ 



Matcher m = 

p.matcher(line); 



if(m.find()) 



return 
Doublé. parseDouble(m.group(l).replace(", ",".")); 



} 



dall'oggetto pattern ricaviamo un oggetto 
Matcher. Il metodo flndO indica se la stringa di 
input contiene la regex che ha come pattern l'og- 
getto p. Se tale condizione è verificata catturia- 
mo proprio la parte di stringa contenente la quo- 
tazione attuale. Questo può essere fatto con 
estrema semplicità proprio grazie all'utilizzo del 
gruppo [0-9].*. Infatti poniamo di avere una 
generica espressione regolare ABCD, possiamo 
riscriverla in maniera del tutto equivalente con 
A(BC(D)). In questo caso però si può accedere 
alla parte ABCD referenziandola con il gruppo 0, 
BCD con il gruppo 1, D con il gruppo 2 e così 
via... Nel nostro caso accediamo al gruppo 1 
mediante m.group(l) e sostituiamo la virgola con 
un punto in modo tale da ottenere una stringa 
trasformabile in doublé. Arrivati a questo punto 
possiamo semplicemente ottenere la quotazione 
di un titolo con: 

doublé p = Yahoo. getQuote(Yahoo. AUTOSTRADE); 
System. out.println("prezzo: "+p); 

In una maniera del tutto simile possiamo recu- 
perare anche la data della quotazione a cui ci 
riferiamo: 

private static final String patternDate= "<small> 
([a-z].* ([0-9].* ([a-z].*[a-z]) .*, .*)) - "; 

public static Date getDate(String 



String urIString =link+ 



quoteName. tol_owerCase()+borsa; 



BufferedReader reader=null; 



URL uri = new URL(urlString); 



reader = new BufferedReader(new 
InputStreamReader(url.openStream())); 
Pattern p = 

Pattern. compile(patternDate); 



String line; 



while((line = reader.readLineO) 

!= null){ 



Matcher m = 

p.matcher(line); 



if(m.find()){ 



String date = 
m.group(2).replace(m.group(3),""+DateUtil.convertiM 

ese(m.group(3))). 
replace(", ","#"). replace(" 

","/")-replace("#"," "); 
SimpleDateFormat format = new 

SimpleDateFormat("dd/MM/yyyy HH:mm"); 



Date out=null; 



try{ 



out 
= format, parse(date); 



} catch 
(ParseException e) { 



// 
TODO Auto-generated catch block 



//e.printStackTraceQ; 



} 



return out; 



} 



return new DateQ; 



per brevità non scenderemo nei dettagli di ogni 
singola riga. Come potete notare la regex neces- 
saria a catturare la data è leggermente più com- 
plessa di quella precedente. Inoltre il mese non è 
espresso in forma numerica bensì con il nome in 
italiano, per questo è stato necessario imple- 
mentare il metodo DateUtilconvertiMese che 
non fa altro che cercare su una tabella hash il 
numero corrispondente al nome. 

private static final HashMap<String,Integer> mese= 
new HashMap<String,Integer>(); 



static{ 



mese.put("gen",l); 



mese.put("feb",2); 



} 



public static int convertiMese(String 

nomeMese) { 




Nel tempo che 
intercorre fra la 
stesura di questo 
articolo e la sua 
pubblicazione è 
accaduto che il 
progetto è stato 
accettato da 
Sourceforcie. 
Chi volesse partecipare 
può puntare il server 
http://sourceforcie.net/ 
projects/markad 



return 
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mese.get(nomeMese.toLowerCase().substring(0,3)); 
} 



TCP... MA QUANTO 
CI METTI! 

Magari questi ultimi due metodi sono risultati 
abbastanza complessi però adesso possiamo 
ottenere data e prezzo della quotazione di qual- 
siasi titolo azionario quotato a Piazza Affari. 
Come abbiamo premesso all'inizio di questo 
articolo lo scopo è proprio quello di andare a 
recuperare un'ingente quantità di dati in 
maniera automatica per averla disponibile off- 
line sul nostro terminale. Se avete provato il 
codice fin qui riportato vi sarete accorti che l'in- 
terrogazione di una pagina web non è che sia 
proprio così rapida, indipendentemente dal 
tipo di connessione che avete a disposizione. 
Questo è dovuto al TCP slow start ed è un limite 
con il quale dovremmo fare sempre i conti. Con 
le linee ADSL attuali è davvero un peccato non 
sfruttare tutta la banda disponibile, inoltre se 
serializzassimo completamente la procedura, 
cioè se per recuperare un titolo dovessimo 
aspettare che quello che avevamo precedente- 
mente chiesto sia disponibile, potremmo aspet- 
tare così tanto da rendere tutto il lavoro fatto 
finora poco utile in termini pratici. Una soluzio- 
ne è quella di effettuare le interrogazioni su 
Yahoo! parallelamente, in modo tale che richie- 
dere una quotazione o richiederne 100 impie- 
gherà lo stesso tempo (fino alla saturazione 
della banda disponibile s'intende!). È quindi 
necessario definire un thread atomico per ogni 
ricerca di un titolo: 

public class YahooThread extends Thread { 

public YahooThread(Yahoo yahoo,String key) { 
this.yahoo=yahoo; 
this.key=key; 



public void run() { 

// TODO Auto-generated method 

stub 

try{ 

yahoo. setData(Yahoo.getDate(link)); 
yahoo. setPrezzo(Yahoo.getQuote(link)); 

} catch (IOException e) { 
// TODO Auto- 
generated catch block 
//e.printStackTraceQ; 



In pratica ogni thread non fa altro che recupera- 
re la data ed il prezzo e valorizzare i relativi campi 
della classe Yahoo. Naturalmente dobbiamo però 
anche tenere traccia di tutti i thread che lancia- 
mo, in modo tale da sapere quando i campi sono 
stati effettivamente valorizzati. A questo scopo è 
stata realizzata la classe YahooPool; il metodo 
che a noi interessa è populate, vediamo come 
funziona: 

public static void 

populate(HashMap<String,Yahoo> map) { 
Iterator<String> iter = 

map.keySet().iterator(); 
Arrayl_ist<YahooThread> 
listTh=new Arrayl_ist<YahooThread>(); 
while (iter.hasNextQ) { 



String key = iter.nextQ; 



YahooThread yt = new 
YahooThread(map.get(key),key); 



yt.start(); 



listTh.add(yt); 



} 



for (YahooThread thread : listTh) 



try{ 



thread.join(); 



map.put(thread.getKey(),thread.getYahoo()); 



} catch 
(InterruptedException e) { 



// TODO 
Auto-generated catch block 



e.printStackTraceQ; 



} 



} 



Tale metodo riceve in ingresso una HashMap che 
ha valorizzata solo la chiave, che identifica l'azione 
da cercare. Nel ciclo while vengono lanciati tanti 
thread quanti titoli presenti nelle chiavi. Una volta 
lanciato il thread esso viene memorizzato su un 
ArrayList. Usciti dal ciclo while cicliamo su tutti i 
thread lanciati ed aspettiamo che terminino per 
poter valorizzare in maniera corretta la HashMap 
ricevuta in ingresso. 



CONCLUSIONI 

In questo primo articolo abbiamo sviluppato il 
"nucleo" della nostra applicazione. Nei prossimi 
svilupperemo un database per memorizzare le 
serie storiche, grafici per visualizzare gli anda- 
menti, metodi matematici per ricavare delle 
curve significative... 



Andrea Galeazzi 



+ 72 /Novembre 2006 



http://www.ioprogrammo.it 



SISTEMA T ■ Alla scoperta di SubVersion 



TENERE LE REVISIONI 
SOnO CONTROLLO 

PARLIAMO DI SUBVERSION IL GIOIELLO OPEN SOURCE CI PERMETTERÀ DI TENERE 
TRACCIA DELLE MODIFICHE APPORTATE Al NOSTRI SORGENTI SENZA NEANCHE USCIRE 
DA VISUAL STUDIO. VEDREMO COME INSTALLARLO E USARLO 




in 




■ Nili II II li'l ^ 

7 Conoscenze di Visual 
1 Studio 2005, 

Conoscenze di Base di 

Windows 



BCTTTW 



Windows 2000/XP, 
2003 




Chiunque abbia sviluppato un progetto 
software (anche amatoriale) avrà senti- 
to la necessità di tenere traccia delle 
varie versioni di ogni singolo elemento (codi- 
ce sorgente, documenti, immagini) del pro- 
getto stesso. 

Perchè tale attività sia il più trasparente possi- 
bile, esistono i Version Control Systems ovve- 
ro sistemi software capaci di gestire, storiciz- 
zare ed organizzare versioni (ovvero revisioni) 
di documenti elettronici (codice sorgente di 
un software, documenti, immagini ecc.). 
Questa è la definizione che Wikipedia fornisce 
del Version Control System (o VCS), la catego- 
ria di software a cui appartiene Subversion 
(chiamato anche SVN), il VCS di cui parleremo 
in questo articolo. 

Sintetizzando, SVN ci permetterà di tener 
traccia di ogni modifica che apportiamo al 
nostro software (tipicamente al codice sor- 
gente) e di gestirle in maniera tale da tornare 
indietro quando, per esempio, ci accorgiamo 
d'aver fatto un errore. 

Tale strumento è ormai utilizzato dalla stra- 
grande maggioranza dei Team di sviluppo in 
quanto, tra i suoi innumerevoli pregi, permet- 
te la centralizzazione dei documenti (tipica- 
mente su un server) e la gestione remota 
attraverso strumenti persino integrati nel pro- 
prio IDE. 



INSTALLARE 
SUBVERSION CON 
REPOSITORY LOCALE 

Le componenti necessarie affinchè' si possa 
avere un completo sistema di Versioning 
Control sono due: 

1. La componente server ovvero Subversion 
installata su un server (o anche sul proprio 
pc) corredata da una installazione di 
Apache server (http server) con gli oppor- 



tuni moduli. 

2. Uno degli svariati client SVN da installare 
sui pc degli sviluppatori (nel nostro caso 
installeremo AnkhSVN, un plugin per 
Visual Studio 2005) 

In questo articolo sarà considerata la sola 
piattaforma Windows sebbene, sia la parte 
server che la parte client, siano disponibili 
per svariate altre piattaforme (Linux, BSD 
ecc). 

Il primo passo, dunque, sarà quello di scarica- 
re l'ultima versione di Apache (2.0.59 nel 
momento in cui si scrive questo articolo) dal 
seguente URL: http://mirrors.publicshout.org/ 
apache/httpd/binaries/win32/apache 2.0.59- 
win32-x86-no ssl.msi e di eseguirlo per iniziar- 
ne l'installazione. 

Si noti che, i moduli utilizzati da SVN sono 
compilati per la versione 2.0.x di Apache seb- 
bene esista la versione 2.2.x di quest'ultimo; 
pertanto, in questo articolo si farà riferimento 
solo ad Apache 2.0.59). 

Durante il setup di Apache vi verranno chieste 
alcune informazioni riguardanti la vostra rete 
ed il nome che assegnerete al server: potete 
fornirli basandovi sull'esempio di Figura 1. 



f Apache HTTP Server 2 A 



Server Information 

Please enter vour server's information, 

Network Domain [e,g. somenet. corri) 
|devnetiVork, locai 



Server Nane [e,g, www.somenet.com): 



p/nser ver , devnebvork. locai 

Administrator's Email Address (e,g. webmaster@iomenet.com): 
jadmin gdevnetv.'ork, locali 

Instali Apache HTTP Server 2,0 programs and shortcuts fior: 

© for Ali Users r on Port 30, as a Service -- Recommended, 

onlv for the Current User, on Port 8080, when started Manually. 



Fig. 1: Setup di Apache 
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Nei passi successivi vi consigliamo di lasciare 
le impostazioni di default e terminare l'instal- 
lazione. 

L'installazione sarà avvenuta con successo nel 
momento in cui apparirà una piuma rossa 
nella nostra traybar: apriamo il nostro brow- 
ser preferito e digitiamo http://localhost , la 
pagina di default di Apache confermerà che 
abbiamo eseguito correttamente il setup. 
Passo successivo, quindi, sarà' quello di installa- 
re il pacchetto di SubVersion sul server: innanzi- 
tutto e' necessario scaricarlo dal seguente URL: 
http://subversion.tigris.org/files/documents/ 
15/32856/svn-1.3.2-setup.exe . 

Terminato il download, lo si potrà eseguire in 
modo da lanciare il setup: lasceremo, così 
come per Apache, tutto di default, compresa 
l'ultima opzione che permetterà l'integrazio- 



Select the additionai tasks you wouìd like Setup to perform while installi 
then dick Next, 

Desktop icons: 

3 Create desktop iconforthe Subversion documentation 
Quick Launch icons: 

^..^.7.;.^..L-. .:.:.:..- r..-:~..?.:~ -~~- ■"- : - z.^..?..."...^..i.-..;.'.i".^.:..:.:".: 

^J^uBCfiL. iiiudules: ^^-^ 

rj\ Instali and configure Subversion modules flhe Setup will do a 
stop uninstall, configure.'ìnstall/start cyde of the .Apache service; 



e Back 



Next 



Fig. 2: Setup di SubVersion 

ne del server SVN con Apache. 
Siamo quasi al termine del setup dell'ambien- 
te Server: penultimo passo è la creazione del 
repository di SubVersion sul filesystem. 
Apriamo il prompt dei comandi (Start / Esegui 
/ cmd) e digitiamo il seguente comando: 

mkdir c:\svn 

che ci permette di creare una cartella princi- 
pale dove verranno memorizzati i repository. 
Continuiamo con il seguente comando, fon- 
damentale per la creazione del repository 
stesso: 

svnadmin create c:\svn\ioProgrammoRepository 

Il nostro primo repository SVN è finalmente 

creato. 

L'ultimo passo è fare in modo che Apache 

possa interagire con SVN 

Modifichiamo il suo file di configurazione 

attraverso il seguente comando, digitandolo 



all'interno del prompt dei comandi: 

notepad "c:\Program Files\Apache 

Group\Apache2\conf\httpd.conf" 

Posizioniamoci al termine del file ed aggiun- 
giamo il seguente estratto xml 

< Location /svn> 

DAV svn 

SVNParentPath C:\svn 

AuthType Basic 

AuthName "Subversion repositories" 

AuthUserFile passwd 

Require valid-user 
</Location> 

Tale nodo xml nel file di configurazione di 
Apache, informa il server web sia sul path dei 
nostri repository permettendone, l'accesso da 
tutti i pc della rete, inoltre potremo protegge- 
re l'accesso solo ad utenti autorizzati. 
Creeremo il primo utente con il seguente 
comando: 

"C:\Program Files\Apache 

Group\Apache2\bin\htpasswd.exe" -e "C:\Program 

Files\Apache Group\Apache2\passwd" 

ioProgrammo 

Vi verrà chiesta una password da attribuire 
all'utente: scegliamo svnpass. 
I successivi utenti non avranno bisogno del 
flag -e nel comando in quanto tale opzione 
permette la creazione ex-novo del file che 
conterrà gli utenti (e le password). 
Riawiamo Apache attraverso la piuma rossa 
(tasto destro sulla piuma /Open Apache 
Monitor /Restart) e, puntando il browser al 
seguente indirizzo http://localhost/svn/ 
ioProgrammoRepository , riceveremo un bel 
Revision che ci indica il fatto che finalmente 
Apache parla con SubVersion ed il nostro ser- 
ver di Versioning è pronto! 



AIUKHSVIU: IL PONTE 
CON VISUAL STUDIO 

Installata la parte server, dovremmo occupar- 
ci degli sviluppatori ovvero coloro che 
andranno a popolare il repository appena 
creato con i propri progetti. 
Uno dei client più diffusi per Subversion è 
senz'altro TortoiseSVN, un'estensione della 
shell di Windows che cambia l'icona di una 
cartella o di un file in base al loro stato (modi- 
ficato, nuovo, in conflitto ecc). 




http://www.ioprogrammo.it 



Novembre 2006/ 75 ► 



SISTEMA T I Alla scoperta di SubVersion 




*\ A volte, però, è un po' noioso e poco produtti- 
vo uscire dal proprio ambiente di sviluppo per 
tornare ad "Esplora Risorse" di Windows solo 
per inserire una modifica appena fatta. 
Fortunatamente ci vengono in contro gli svi- 
luppatori di un Add-In per Visual Studio (dalla 
versione 0.6 in poi anche per Visual Studio 
2005) che ci permette di rimanere all'interno 
del nostro amato IDE. 

Come sempre, il primo passo è scaricare il 
setup di AnhkSVN: lo sviluppo di questo 
addln è ripreso da poco ed è comunque in 
versione Beta; il supporto perVS2005 è giova- 
ne ed è presente dalla versione 0.6 in poi. 
L'URL da cui scaricarlo è il seguente: 
http://ankhsvn.tigris.org/files/docu - 
ments/764/33676/AnkhSetup-0. 6.0.2 528-sna - 
pshot 35.msi . 

Prima di lanciare il setup, è consigliabile chiu- 
dere tutte le istanze aperte di Visual Studio 
2005. 

Dopo l'installazione, aperto Visual Studio, 
noteremo subito una nuova voce nel menu 
tools: Ankh. 

Di solito si configurano tre scenari tipici 
durante l'utilizzo di un Version Control: 

1. Inserimento di un nuovo progetto nel repo- 
sitory 

2. Caricamento, in locale, di uno o più proget- 
ti al fine di modificarli 

3. Rilascio di uno o più modifiche apportate 
ai sorgenti del punto 2 

Li analizzeremo tutti, uno alla volta. 



scegliere "Add Solution to SubVersion 
Repository". 

Come si può vedere dalla Figura3, viene pre- 
sentata una finestra modale dove specificare 
alcune informazioni: 



URL: tp :/v1oealhost/s vn/\o Programmo Repository 



Subdinectory 

[^1 Create subdinectory 



Name: ioPnogrammoConsole 



Log message: 






Fig. 3: Inserimento di una solution all'interno di 
SubVersion 



URL: indirizzo del nostro repository sul 
server SVN. Nel nostro caso sarà 
http://<nomeserver>/svn/IoProgrammoRepo 
sitory. Il nomeserver è l'hostname o l'indi- 
rizzo IP del server dove abbiamo installato 
Apache e SubVersioN. 

Metteremo il check su Create Subdirectory che 
ci permette di inserire: 

Name: Il nome della cartella sotto la quale 
vorremo inserire la nostra soluzione 



INSERIMENTO DI UHI 
MUOVO PROGETTO 

Apriamo Visual Studio 2005 e creiamo un 
nuovo Progetto: nel wizard di creazione 
dovremo far attenzione a creare le soluzioni in 
modo che venga creata una cartella per ognu- 
na di esse. 

E' un accorgimento che di solito non è neces- 
sario ma Ankh lo consiglia affinchè possa 
operare correttamente. 

Per fare ciò è necessario spuntare il checkbox 
"Create Directory for Solution". 
Fatto ciò, potete tranquillamente iniziare a 
scrivere il Vostro codice nella solution appena 
creata. 

Nel momento in cui la si voglia aggiungere in 
SVN (magari in una nuova cartella all'interno 
del proprio repository), sarà sufficiente 
clickare col tasto destro sul nome della solu- 
tion stessa all'interno del Solution Explorer e 



Log Message: La descrizione della solution. 

Dopo la conferma e l'inserimento delle cre- 
denziali dell'utente Apache creato nei para- 
grafi precedenti {ioProgrammo con password 
svnpass), ci apparirà una finestra simile a 
quella appena descritta: qui sceglieremo esat- 
tamente quali file del progetto inserire nel 
repository e, nella textarea sottostante, quale 
descrizione dargli. Un click su Commit spe- 
dirà il necessario sul server: et voilà avremo il 
nostro primo progetto sotto Controllo di 
Versione. 



CHECKOUT 
E MODIFICA 

Il Checkout è l'operazione che viene effettua- 
ta per trasferire uno o più documenti al fine di 
modificarli, tenendo traccia delle modifiche 
stesse. 
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Apriremo Visual Studio 2005 e, dal menu di 
Ankh sceglieremo la voce Repository Explorer. 
All'interno di questa finestra possiamo esplo- 
rare il nostro repository e fare ciò che voglia- 
mo di ciascuna cartella al suo interno. 
Clickiamo sul bottone con il segno + che ci 
richiede le coordinate del nostro repository 
(l'URL non cambia http://<nomeserver>/svn/ 
loProgrammoRepository) . 
Esplorando le cartelle presenti, noteremo la 
presenza del solo progetto appena inserito: 
un click col tasto destro su tale cartella ci 
porta in un menu contestuale molto ricco. 
Noi sceglieremo semplicemente Checkout , 
specificando, quindi, la cartella locale (del 
nostro pc) dove tali sorgenti verranno trasferi- 
ti. A prima vista potrebbe essere un contro- 
senso trasferire nuovamente dei sorgenti di 
cui si hanno le copie originali: normalmente 
non è così in quanto potrebbero esserci state 
delle modifiche effettuate da altre persone 
mentre noi eravamo intenti a fare altro; sem- 
pre meglio prelevare l'ultima versione dispo- 
nibile. A questo punto possiamo aprire la 
solution appena scaricata e confermare ad 
Ankh il fatto di volerlo abilitare per la nostra 
sessione di lavoro: vedremo delle icone a 
forma di check verdi alla sinistra di ogni file 
del progetto stesso. Questo indica che tali file 
sono sotto il controllo di SubVersion e che noi 
non le abbiamo modificate (rispetto alla ver- 
sione presente sul server). 
Proviamo a cambiare qualcosa del Vostro pro- 
getto, magari inserendo una semplice 

Console. Writel_ine("Modificato per IoProgrammo"); 

non appena avremo salvato, l'icona accanto al 
file diventerà una M rossa, ad indicare che 
quel file è diverso dalla versione originale. 



RILASCIO 

DELLE MODIFICHE 

A questo punto, supponendo che il vostro 
software funzioni ancora nonostante le modi- 
fiche, si vuole mettere a sicuro i sorgenti. 
Un click col tasto destro sul nome della solu- 
tion all'interno del Solution Explorer ci farà 
apparire la voce Commit Figura 4. 
La finestra che ci appare non ci è nuova: sce- 
glieremo quali file modificati inviare effettiva- 
mente al server e commenteremo la modifica 
in modo da tenerne traccia Figura5. 
Click su Commit e di nuovo i sorgenti saranno 
sul server, a disposizione di qualunque svi- 
luppatore con un client SVN. 






Fig. 4: Voce di menu per eseguire la Commit 



CONCLUSIONI 

Il progetto Subversion sembrò molto ambi- 
zioso inizialmente: sostituire l'onnipresente 
CVS. 

Sicuramente SubVersion sta guadagnando 
posizioni nell'ormai affollato mondo del VCS 
dove, però, non tutte le soluzioni sono egual- 
mente abbordabili sia come costo che come 
competenze necessarie al loro utilizzo. 
Le potenzialità messe a disposizione dall'ac- 
coppiata vista sono enormi. E' anche vero che 
SubVersion ha dalla sua uno sviluppo omoge- 
neo portato avanti da Tigris e che il parallelo 
sviluppo di strumenti client come ad esempio 
AnkhSVN favorisce molto la diffusione di que- 
sto interessante sistema di controllo della ver- 
sione. Per contro la stragrande maggioranza 
dei programmatori OpenSource è ancora 
molto legato al mondo di CVS 

Antonacci Igor 
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Fig. 5: Commit di una solution 
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FATTI IL FILM 
DELLO SCHERMO 

VOGLIAMO REALIZZARE UN VIDEO IN PRESA DIRETTA DI QUANTO ACCADE SUL 
MONITOR DEL NOSTRO COMPUTER. IL PUNTO È CHE VOGLIAMO ANCHE DARGLI 
UNO SGUARDO QUANDO SIAMO LONTANI. COME FARE? ECCO LE TECNICHE... 





G CD li WEB 

Controllo_del_desktop_da_ 
remoto.zip 




UMMUMiiUJUm 
(JJ25E 



§ 



J2SE SDK, FFmpeg, 
Apache Commons Net, 
QuickTime Player 






In questa era di internet, computer e programmi 
avremmo bisogno in molte situazioni di tenere 
sotto controllo il nostro computer. Quante volte 
ci capita di lasciare in esecuzione un certo program- 
ma sul nostro pc di casa e poi chiedersi quando 
siamo in giro "Avrà finito di " oppure "Sarà riusci- 
to a ". Anche in questa situazione l'ingegno e la 

tecnologia può venirci in aiuto per creare un pro- 
gramma che fa proprio al caso nostro. 



DESKTOPCOMTROLLER 

L'idea di base è abbastanza semplice: si vuole moni- 
torare lo schermo del nostro desktop anche quando 
non siamo davanti al pc Dobbiamo quindi struttu- 
rare la nostra applicazione con una architettura 
client- server. Quello quindi che avremo come riferi- 
mento per il nostro progetto viene riportato nella 
figura accanto. 



ScreenCspture 



MovieCreator 




Ftapository 



Fig. 1: Architettura del DesktopController 



In questa architettura identifichiamo prima di tutto 
le due diverse parti dell'applicazione, ovvero il client 
che prepara il filmato e il server che lo visualizza. 
All'interno del client andremo a costruire una serie 
di moduli che permetto prima di tutto di catturare lo 
schermo, poi di trasformare le varie immagini cattu- 
rate in un video. Periodicamente dovremo anche 
effettuare la connessione verso il server per fare l'u- 
pload tramite FTP (File Transfer Protocol) del video. 
Dal punto di vista del server abbiamo meno cose da 
fare. Dobbiamo avere una semplice pagina di auten- 
ticazione, altrimenti il desktop del nostro pc sarebbe 
di pubblico dominio. Dopo l'autenticazione dovre- 
mo semplicemente presentare all'utente una pagina 
html con il video che è stato realizzato. L'intera 
applicazione non è difficile da realizzare ed ora 
vedremo passo passo come poter scrivere tutte le 
componenti che ci servono. 



CATTURA 
DELLO SCHERMO 

Creare una foto istantanea dello schermo è abba- 
stanza semplice. Java mette a disposizione la classe 
Robot del package java.awt, che permette in manie- 
ra molto semplice di effettuare la cattura dello 
schermo. Quello che noi dovremo fare di continuo è 
utilizzare la classe Robot e salvare l'immagine che lui 
ha prodotto. Il risultato della nostra applicazione 
non è un flusso di streaming video, ma un video che 
viene aggiornato ogni tanto. Per fare ciò dobbiamo 
pensare a quante immagini faranno parte del nostro 
video e soprattutto quanti "slot" avremo. Gli slot 
sono praticamente delle directory che utilizziamo 
per immagazzinare le immagini, directory che, 
quando avranno raggiunto il limite, verranno utiliz- 
zate da un'altra classe per creare il video. Facciamo 
questo perché se andassimo sempre a scrivere sui 
soliti file avremmo dei tempi morti nella cattura 
video riguardante la creazione del filmato e l'upload 
di quest'ultimo sul webserver. In questo modo mini- 
mizziamo i tempi morti della nostra applicazione. 
Per decidere quanti frame compongono il nostro 
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video e quanti slot abbiamo utilizzeremo un file di 
properties come quello riportato qui di seguito 



frameBlocco=20 



directoryCount=3 



loop=ok 

In questo modo abbiamo deciso che il video sarà 
composto da 20 diverse immagini e 3 directory. Il 
valore "loop" serve alla nostra applicazione per capi- 
re se deve continuare il funzionamento o meno. 
Iniziamo quindi a scrivere la classe che cattura lo 
schermo e lo salva su un'immagine. 



import java. awt.*; 


import java. awt. image.*; 


import java. io.*; 


import javax.imageio.*; 


import java. util.*; 


import java. awt. image. renderable.*; 


public class ScreenCapture { 


static int directory=0; 


static Robot robot = nuli; 


static Properties p = nuli; 


static int frameBlocco=0; 


static int directorvCount=0; 


static String loop="nonok"; 


static MovieMaker mm=null; 


public static void main(String[] args) throws 

Exception{ 


try{ 


robot 


= new Robot(); 


mm= 


new MovieMakerQ; 


} 


catch (Exception 


e){ 


System. out.println("Errore creazione 


aggetti: 

"+e.toString()); 


System. exit(-l); 


} 



Dopo la definizione degli import che ci serviranno, 
vengono istanziate diverse variabili che verranno 
utilizzate nel nostro programma. Prima fra tutte 
"robot", l'oggetto della classe java.awt.Robot che ci 
permetterà di catturare lo schermo. Fra le variabili 
vedete anche istanziato un oggetto della classe 
MovieMaker, classe utilizzata per la generazione del 
filmato che sarà analizzata nel paragrafo successivo. 
Passiamo ora all'inizializzazione dei valori presi dal 
file di properties. 



try{ 



p = new PropertiesQ; 



p.load(new 
FileInputStreamCsettings.ini")); 



frameBlocco=Integer.parseInt(p.getProperty("frameBI 

occo")); 
directoryCount=Integer.parseInt(p.getProperty("direct 



oryCount")); 


loop= 


=p.getProperty("loop") 




} 


catch (Exception e) { 


System. out.println("Errore 


nizializzazione proprietà: 

"+e.toString()); 


System. exit(-l); 


} 



Il file che abbiamo mostrato prima è "settings.ini" 
ovvero il file di properties che viene caricato in que- 
sto pezzo di codice. Dopo aver caricato il file pren- 
diamo le informazioni di cui abbiamo bisogno. Ora 
che sappiamo quante directory- slot avremo nel 
nostro programma, passiamo alla loro creazione. 

try{ 

for(int 
i=0;i<directoryCount;i++) { 
File f=new 
File("c:\\DesktopController\\"+i); 
f.mkdirQ; 



} 



} 



catch (Exception e) { 



System. out.println("Errore creazione cartelle: 

"+e.toString()); 



System. exit(-l); 



} 



Abbiamo quindi preparato tutto quello di cui ha 
bisogno il nostro programma, quindi arriviamo 
direttamente al ciclo nel quale viene effettuata la 
cattura dello schermo. 

while(loop.equals("ok")) { 

directory=directory%directoryCount; 
for(int i=l;i<=frameBlocco;i++) { 
cattura(i,directory); 

} 

mm.notify (directory); 

p.load(new FileInputStreamCsettings.ini")); 

loop=p.getProperty("loop"); 

directory++; 

} 

}//FINE MAIN 



Il while che abbiamo scritto continuerà a funziona- 
re fino a quando la proprietà "loop" sul file di pro- 
perties sarà settata a "ok". Quello che facciamo in 
questo ciclo è prima di tutto aggiornare la directory 
di lavoro, poi catturiamo N frame, dove N è il nume- 
ro indicato nel file di properties. Quando abbiamo 
riempito la nostra directory di lavoro notifichiamo 
l'evento all'oggetto MovieMaker che si prenderà in 
carico il task di creazione del filmato. Il metodo cat- 
tura() richiede due parametri, il numero del frame e 
la directory dove posizionare questa immagine. 
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FFmpeg è un progetto 

opensource utilizzato 

in molte applicazioni. 

E' disponibile per la 

piattaforma Linux e 

Windows. All'interno 

del progetto sono 

disponibili diversi 

eseguibili che 

permettono di avere 

un tool da linea di 

comando (quello che 

viene utilizzato 

nell'articolo), un 

server di streaming 

http, un semplice 

media player e diverse 

librerie per l'encoding 

e il decoding. 

http://ffmpeg.mplayerhq. 

hu/projects.html 



private static void cattura(int filel\l,int directoryN) { 

try{ 

Rectangle captureArea = new Rectangle 

(Toolkit.getDefaultToolkit().getScreenSize()) 



Bufferedlmage bufferedlmage = 

robot.createScreenCapture(captureArea) 



bufferedlmage = 

robot.createScreenCapture(captureArea) 



bufferedlmage 



ridimensiona 

(bufferedlmage,300) 



String fileS= 



if(fileN<10) 



fileS="00"+filel\l; 



else 



fileS="0"+filel\l; 



String destinazione="c:\\Desktop 

ControllerW" +directoryN+"\\"+fileS+".jpg"; 
ImageIO.write(bufferedImage, "jpg", new 

File(destinazione)); 



} 



catch(Exception e) { 



System. out.println("Errore nella cattura 

dell'immagine: "+e.toString()); 



} 



Come già anticipato il metodo catturaO utilizza l'og- 
getto della classe Robot per creare un'istantanea del 
nostro desktop. Quella che viene creata è una 
Bufferedlmage. Prima di salvarla provvediamo a 
ridimensionare l'immagine utilizzando il metodo 
ridimensionaO. Questo viene fatto solo per ottimiz- 
zare la creazione del video, ovvero per poter avere un 
video che si può facilmente vedere in una pagina 
html. Infatti se il desktop del nostro pc avesse una 
risoluzione altissima, avremmo poi dei problemi a 
vederlo su pc con risoluzione differente. Comunque, 
se si volesse preservare la grandezza del nostro desk- 
top nel video, possiamo semplicemente cancellare 
questa riga di codice, visto che quello che viene fatto 
dal metodo ridimensionaO non è altro che prendere 
un Bufferedlmage e restituirne uno ridimensionato. 

public static Bufferedlmage 

ridimensiona(BufferedImage source, int size) { 
int width = source. getWidth(); 
int height = source. getHeight(); 
float fattoreRidimensionamento = (width > 
height) ? (float) size / width : (float) size / height; 
width = (int) (source. getWidth() * 

fattoreRidimensionamento); 
height = (int) (source. getHeight() * 

fattoreRidimensionamento); 
Bufferedlmage result = new 

Bufferedlmage(width, height, 

BufferedImage.TYPE_INT_RGB); 

Graphics graphics = result. createGraphics(); 
graphics. drawImage(source.getScaled 







Instance(width, 


height, 


Image.SCALE_AREA_AVERAGING), 0, 0, nuli); 


graphics 


.disposeQ; 


return result; 




} 



Abbiamo quindi analizzato la classe che ci permette 
di catturare immagini e di riporle in diverse direc- 
tory (ridimensionandole o meno). Ora passiamo alla 
creazione del filmato. 



CREAZIONE 
DEL FILMATO 

Per la creazione del filmato avremmo diverse possi- 
bili soluzioni. Prima fra tutte sarebbe JMF (Java 
Media Framework), il framework della SUN che per- 
mette di creare e modificare flussi audio video. 
Un'altra possibile alternativa sarebbe quella di uti- 
lizzare la QuickTime Java API, ottime librerie che 
permettono di fare le stesse cose che vengono offer- 
te da JMF, con il vantaggio di avere ulteriori poten- 
zialità. Per la realizzazione di questo filmato è stato 
invece scelto un metodo più "manuale", ovvero 
abbiamo deciso di utilizzare un programma esterno 
molto noto nel mondo dell' opensource, ffmpeg 
fhttp://ffmpeg.mplayerhq.hu /ì. Questo progetto per- 
mette di registrare, convertire e ed effettuare stream 
audio video. Sono molti i progetti opensource che lo 
includono al loro interno e vista la semplicità d'uti- 
lizzo è stato scelto proprio questo programma, 
senza doverci addentrare nei meandri delle codifi- 
che audio video di JMF e QuickTime. La classe che 
crea il filmato, come già precedentemente accenna- 
to, è MovieMaker. 

import java. util.*; 

import java.io.*; 

public class MovieMaker extends Thread{ 
int frameBlocco=0; 
int directoryCount=0; 
String loop="nonok"; 
boolean toCheck=true; 
Properties p = nuli; 
int directory=0; 
public MovieMaker() { 

try{ 

p = new Properties(); 
p.load(new 

FileInputStreamCsettings.ini")); 
frameBlocco=Integer.parseInt 

(p.getProperty("frameBlocco")); 
directoryCount=Integer.parseInt 
(p.getProperty("directoryCount")); 

} 

catch (Exception e) { 

System. out.println("Errore 
inizializzazione proprietà: "+e.toString()); 
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System.exit(-l); 



ftpUploader.connect(); 



} 



public void notify(int directory) { 



this.directory=directory; 



new Thread(this).start(); 



} 



Questa classe estende Thread perché quando viene 
richiamata dalla classe ScreenCapture non può 
bloccare la cattura delle immagini, quindi deve ese- 
guire le sue istruzioni in maniera asincrona. Nel 
metodo notifyO, che abbiamo precedentemente 
visto utilizzare nella classe ScreenCapture, viene 
lanciato il metodo run(). 

public void run() { 

tryj 

System. out.println("Slot 

"+directory+" completato..."); 
System. out.println("Creazione del 

filmato per directory "+directory); 
Runtime.getRuntime().exec 

("ffmpeg -r 5 -b 1800 -i 

c:\\DesktopController\\"+directory+"\\%3d.jpg 

c:\\DesktopController\\output.mp4" ); 
uploadFile("output.mp4"); 

} 

catch(Exception e) { 

System. out.println("Errore nella 
creazione video: "+e.toString()); 



} 



Il metodo run() non fa altro che richiamare l'esegui- 
bile di ffmpeg (che chiaramente dovrà essere inseri- 
to nel nostro path) passandogli come parametro la 
directory di lavoro. In questo modo lasciamo a ffm- 
peg il compito di generare il nostro filmato, diretta- 
mente in mp4 che è formato molto leggero. 



UPLOAD DEL FILMATO 

Dopo aver terminato la creazione del filmato con 
ffmpeg dobbiamo effettuare l'upload del file tramite 
protocollo FTP Come avrete notato alla fine del 
metodo run() di MovieMaker richiamiamo un meto- 
do uploadFile(). Questo metodo richiama una clas- 
se che utilizza la famosa libreria Commons Net di 
Apache fhttp://jakarta.apache.org/commons/net/index. 
htrnl). Grazie a questa libreria possiamo facilmente 
fare l'upload del nostro filmato 

public void uploadFile(String Alenarne) { 

FTPUploader ftpUploader=new 
FTPUploader("mioserver","root","trout"); 



ftpUploader.upload(filename); 



ftpUploader.closeQ; 



} 



La classe FTPUploader è una classe che ci aiuta ad 
effettuare l'upload tramite ftp, utilizzando le librerie 
di Apache. Per utilizzare questa classe dobbiamo 
prima di tutto inizializzarla con i giusti parametri e 
poi richiamare in sequenza i metodi connectO, 
uploadO e close(). 

import org.apache. commons. net.ftp.*; 
import java. io.*; 
public class FTPUploader { 
FTPCIient ftpCIient; 

String server,username,password; 

public FTPUploader(String server,String 

username,String password) { 

this.server=server; 

this.username=username; 

this.password=password; 

} 

public void connect() { 

tryj 

ftpCIient = new FTPCIient(); 

ftpClient.connect( server ); 
ftpClient.login( username, 

password ); 
System. out.println("Connesso al 

server ftp " + server + "."); 
System. out.print(ftpClient. 

getReplyString()); 

} 

catch(Exception e) { 

System. out.println(e.toString()); 

} 

} 

public void upload(String filename) { 

tryj 

File f=new 

File("C:\\DesktopController\\"+filename); 




FilelnputStream fis=new 



FilelnputStream(f); 



ftpClient.appendFile(filename,fis); 



} 



catch(Exception e) { 



System. out.println(e.toString()); 



} 



} 



public void closeQ { 



try{ 



ftpClient.logout(); 



ftpClient.disconnect(); 



} 



catch(Exception e) { 



System. out.println(e.toString()); 



} 
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> 



Se non ci sono problemi di connessione, il video 
viene salvato in pochi secondi sul nostro server. 
Calcolate sempre che se volete automatizzare que- 
sto meccanismo ed avete un firewall, dovete dare la 
possibilità alla Virtual Machine di Java di poter apri- 
re connessioni senza l'assenso esplicito, altrimenti il 
programma non può funzionare quando voi non 
siete davanti al desktop. 



%> 



<form action='login.jsp?action=check' 

method='POST> 



Inserite i vostri dati:<br> 



Username: < input type='text' 

name='username' value=" size='30'xbr> 
Password: <input type='password' 
name='password' value=" size='30'xbr><br> 
<input type='submit' value='Login'> 



</form> 



<% 




SUL WEB 



Per avere maggiori 

approfondimenti sul 

web riguardanti altri 

modi per gestire flussi 

audio video con Java 

potete consultare i 

seguenti link: 

JMF: 

http://java.sun.com/produ 

cts/java-media/jmf/ 

QuickTime: 

http://developer.apple.co 

m/quicktime/qtjava/ 



VISUALIZZAZIONE 
SUL WEB 

Quello che rimane da fare è visualizzare il nostro 
video sul web. A questo punto del programma noi 
abbiamo già il video "output.mp4" sul nostro server, 
quindi la prima cosa che dobbiamo fare è curare 
almeno in parte la sicurezza. Come abbiamo già 
detto non possiamo far vedere il nostro desktop a 
tutto il mondo, quindi dobbiamo inserire una sorta 
di autenticazione per il nostro servizio. Per questo 
motivo creiamo una semplice tabella SQL sul nostro 
database (in questo caso MySql) 



CREATE TABLE IDENTIFICAZIONE' ( 


X ID' INTEGER UNSIGNED NOT NULL 

AUTO_INCREMENT, 


'USERNAME' VARCHAR(45) NOT NULL 

DEFAULT x ', 


'PASSWORD' VARCHAR(45) NOT NULL 

DEFAULT", 


PRIMARY KEYCID') 


) 


ENGINE 


= InnoDB; 



else { 



String username=(String)request. 

getParameter("username"); 
String password=(String)request.getParameter 

("password"); 



DBCheck db; 



boolean autorizzato=false; 



String debug=""; 



try{ 



db=new DBCheck(username,password); 



autorizzato=db.check(); 



} 



catch(Exception e) { 



out.println(e.toString()); 



debug+=e.toString(); 



if (autorizzato) { 



session.setAttribute("username", username); 
out.println("Login effettuato. <br>"); 
out.println("<a href='view.jsp'> Visualizza 

filmato</a>"); 

} 

else { 

out.println("L'utente non è 
autorizzato ad accedere al servizio "+debug); 



Ora supponiamo di avere memorizzate le nostre 
credenziali in questa tabella, senza implementare 
un meccanismo di registrazione. Avremo quindi 
bisogno di una pagina JSP di autenticazione come la 
seguente 

<%@page contentType="text/html"%> 
<%@page pageEncoding="UTF-8"%> 
<%@page import="com.ioprogrammo. 

desktopcontroller.db.*"%> 
<html> 
<head> 

<meta http-equiv="content-type" 

content="text/html; charset=ISO-8859-l" /> 
<title>Web Desktop Controller</title> 
</head> 
<body> 

<% 

String action=(String)request.getParameter("action"); 
if ((action==null)| | (action. equals(""))) { 



%> 

</body> 
</html> 



Questa pagina JSP visualizza in un primo momento 
una form HTML per l'inserimento dello username e 
della password. Quando poi questa pagina viene 
richiamata con il parametro "action" uguale a 
"check", utilizza una classe per il controllo delle cre- 
denziali sul database. Nel caso in cui siamo in pos- 
sesso di uno username e di una password per la 
visualizzazione del desktop remoto, allora la JSP di 
login inserirà il nostro username nella sessione e ci 
darà il link per la pagina di visualizzazione. La classe 
che accede al database è abbastanza semplice, visto 
che deve semplicemente effettuare una connessio- 
ne ed inviare una query. 

package com.ioprogrammo.desktopcontroller.db; 
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import java. io.*; 



importjava.net.*; 



import java. sql.*; 



public class DBCheck { 



private String username; 



private String password; 



public DBCheck(String username,String password) { 
this.username=username; 



this. password = password ; 



} 



public boolean check() throws Exception { 
Class. forName("com.mysql.jdbc. Driver" ); 



Connection e; 



Statement SQLStatement; 



e = DriverManager.getConnection("jdbc:mysql: 
//127.0.0.1/webdesktopcontroller", "root", "root"); 
String query="SELECT ID FROM 

webdesktopcontroller.IDENTIFICAZIONE WHERE 
USERNAME= m +username+ m AND 

PASSWORD ='"+ password +"'"; 
SQLStatement = c.createStatement(); 
ResultSet rs =SQLStatement.executeQuery(query); 



int id=-l; 



while(rs.next()) { 



id=rs.getlnt(l); 



} 



c.close(); 



c=null; 



if(id ==-l){ 



return false; 



<% 



String username=(String)session. 

getAttribute("username"); 
if ((username! =null)&&(!username.equals(""))) { 



%> 



<div align="center"> 



<object classid = "clsid:02BF25D5- 
8C17-4B23-BC80-D3488ABDDC6B" 
codebase="http://www.apple.com/qtactivex/qtplugin. 
cab" height="400" width="400"> 



<param name="loop" 

value="true"> 



<param name= sre 

value="output.mp4"> 



<param 
name="autoplay" value="true"> 



<param 
name="controller" value="true"> 



<embed height="176" 
pluginspage="http://www.apple.com/quicktime/downl 
oad/" src="output.mp4" type="video/quicktime" 
width="400" controller="true" autoplay="true" 

loop="true"> 



</objectxbr> 



<font face="Arial,Helvetica, Geneva, 
Swiss,SunSans-Regular">Channel l</fontx/div> 



<% 



else { 



out.printlnfUtente non autorizzato!"); 




else { 



return true; 



%> 



</body> 



</html> 



Siamo arrivati infine alla visualizzazione del filmato, 
tramite una pagina JSP che controlla la sessione ed, 
in caso affermativo, restituisce in output il codice 
HTML con i tag necessari per la visualizzazione del 
filmato con QuickTime. In questo caso abbiamo 
incluso direttamente il nome del file "output.mp4", 
senza una directory, ma in un'applicazione reale, 
multiutente, questa pagina dovrà inserire dinamica- 
mente la directory dell'utente con il relativo filmato 



<%@page contentType="text/html"%> 
<%@page pageEncoding="UTF-8"%> 
<html> 
<head> 

<meta http-equiv="Content-Type" 

content="text/html; charset=UTF-8"> 
<title>Web Desktop Controller</title> 
</head> 
<body> 
<hl>Web Desktop Controller</hl> 



Potete ammirare il risultato nell'immagine sotto. 






Web Desktop Controlli! 



Fig. 2: Visualizzazione del filmato sul web 

CONCLUSIONI 

L'applicazione che abbiamo illustrato in questo arti- 
colo potrebbe essere un buon punto di partenza per 
un servizio da offrire sul web, oppure per realizzare 
una sorta di controllo del desktop casalingo. 
Insomma, come sempre quando ci troviamo di fron- 
te a dei programmi, i modi di utilizzarli sono molte- 
plici e lasciati alla fantasia di chi scrive il software. 

Federico Paparoni 




Federico Paparoni, può 
essere contattato per 
suggerimenti o 
delucidazioni 
all'indirizzo email 
federico.paparoni@javast 
aff.com 
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EXIF: SCATTO 
DA CAMPIONE 

ECCO LE TECNICHE CHE CONSENTONO DI ESTRARRE DA UNA FOTO EFFETTUATA IN 
DIGITALE INFORMAZIONI QUALE L'ESPOSIZIONE, LA DATA, IL NUMERO DI COLORI 
E, TEORICAMENTE, OGNI INFORMAZIONE CHE AVREMO VOLUTO INSERIRVI 




n 




REQUISITI 



Conoscenze richieste 



— Linguaggio Java 



t 



Java2 SDK 1.4.2 



_J_J I 

E3B 



Tempo di realizzazione 



Grazie alla versatilità e flessibilità delle 
macchine digitali, la fotografia sta 
piano piano sostituendo quella tradi- 
zionale, soprattutto in ambiti amatoriali. Un 
aspetto forse non molto noto è che la macchi- 
na fotografica digitale inserisce nel file jpeg 
della foto numerose e utili informazioni sullo 
scatto. Una fotocamera non è altro che un 
piccolo computer, che si occupa del comple- 
to controllo della fotografia. Le informazioni 
come data e ora di scatto, esposizione e aper- 
tura sono dunque dati immediatamente 
disponibili, che vengono inseriti nel file della 
foto. Questi prendono il nome di dati Exif. 
Questo è l'acronimo di Exchangeable image 
file format, uno standard creato dalla JEIDA 
(Japan Electronic Industry Development 
Association). Ovviamente la quantità delle 
informazioni presenti in un dato file variano 
in funzione della macchina che lo ha prodot- 
to. Fotocamere più complesse offriranno più 
dati, mentre quelle più semplici ed economi- 
che forniranno solo poche informazioni. 
La struttura dei dati, detti tag, ricavata diret- 
tamente da quella usata nei file TIFF. Questa 
struttura copre un ampio raggio di informa- 
zioni, come: 

• Impostazioni. Queste includono informa- 
zioni statiche come la marca e il modello 
della fotocamera e altri dati, come l'orien- 
tamento, l'apertura, la velocità dell'ottura- 
tore, la lunghezza focale, la modalità di 
determinazione dell'esposizione e la sensi- 
bilità ISO. 

• Coordinate temporali. Le fotocamere digi- 
tali memorizzano la data e ora corrente 
dello scatto. 

• Coordinate geografiche. Queste possono 
essere determinate da un ricevitore GPS 
interno alla fotocamera. I modelli che sup- 



portano questa funzionalità sono però 
pochi e costosi. Spesso si ovvia al problema 
utilizzando un dispositivo separato che 
memorizzi la posizione, la data e l'ora. 
Successivamente si farà corrispondere la 
posa con la posizione utilizzando come 
riferimento l'istante di scatto. 

• Descrizioni. Anche questa fase viene fatta 
spesso in post-produzione e prevede l'as- 
sociazione di testi descrittivi e di copyright 
all'immagine. Alcune fotocamere consen- 
tono inoltre di digitare direttamente que- 
ste informazioni, anche se l'utilizzo dei 
pulsanti della macchina fotografica è uno 
strumento poco pratico per questo scopo. 

Le informazioni Exif sono importanti per 
tutta una serie di applicazioni. Per esempio, 
in fase di post-produzione, dove diviene pos- 
sibile eseguire elaborazioni automatiche sulla 
base di tag presenti su una foto. Le informa- 
zioni di data e ora possono servire ad archi- 
viare automaticamente i file immagine in 
modo organizzato nel file system. 
I dati Exif in generale, se memorizzati in un 
database relazionale, potrebbero essere uti- 
lizzati per ricercare le foto secondo criteri 
diversi, come la data di scatto, la posizione 
geografica o eventuali parole chiave, memo- 
rizzate nei campi descrittivi. 
Le informazioni Exif risultano utili anche per 
la realizzazione di gallerie fotografiche online 
e photoblog. Questi ultimi sono siti che pre- 
sentano fotografie su base giornaliera, in 
modo similare ai blog, che invece offrono 
brevi testi. In queste tipologie di applicazione 
la possibilità di accedere a dati Exif costitui- 
sce un elemento utile per offrire informazioni 
sullo scatto all'utente senza la necessità di 
compilare queste informazioni a mano. In 
questo caso l'elemento principe è la data e 
l'ora di scatto. 
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Per esempio, in Figura 1 è presente un estrat- 
to da una galleria di immagini presente sul 
web. Sotto la fotografia è presente la data e 
Fora di scatto, prelevati attraverso la funzione 
exif_read_data() di PHP, direttamente dal file 
della foto. 



Anello G hìrone-Cap.ScaI e «a- Ri f.Mo iteraselo 
D5C_0O71.jpg 

elenio, Svìzzera 






successiva 




precederli 

B 









Scattata il 3O/Q7/ZO06. alle 1S:0Z. 2 vi 



Fig. 1: 1 dati Exif possono essere impiegati dalle gal- 
lerie online per aggiungere dettagli alla foto 



MANIPOLARE I DATI 

Vediamo ora come trattare i dati Exif utiliz- 
zando il linguaggio Java e alcune librerie di 
terze parti. La piattaforma Java infatti ad oggi 
non supporta i dati Exif nelle immagini jpg, 
sebbene queste ultime siano pienamente sup- 
portate. È possibile infatti caricare un'imma- 
gine da disco, decodificarla e visualizzarla. È 
possibile manipolarla eseguendo trasforma- 
zioni. È possibile generarne di nuove salvan- 
dole su file con gradi di compressione diversa. 
Durante tutte queste operazioni, però, se 
l'immagine contiene una traccia dati Exif, 
questa viene persa. Per esempio, se si carica 
un'immagine, la si ridimensiona e poi la si 
salva in un nuovo file, l'immagine risultante 
sarà priva dei dati Exif. 

Questo aspetto può generare dei problemi in 
quei programmi che si occupano di preparare 
le immagini per l'upload verso una galleria di 
fotografie sul Web. In questo caso l'immagine 
inviata al sito sarà priva dei dati Exif. 
Per non parlare poi del caso in cui serva ela- 
borare i dati Exif, per esempio per scoprire la 
data di scatto. Le informazioni che il file 
system assegna all'immagine, come la data di 
creazione, non è significativa perché si perde 
a ogni invio tramite posta elettronica o con 
altri sistemi. 
Per la piattaforma Java sono disponibili diver- 



se librerie aggiuntive per accedere alla traccia 
dei dati Exif, decodificarla, scriverla e trasfe- 
rirla in toto da una immagine all'altra. 



LA LIBRERIA 
AGGIUNTIVA ZONAGEEK 

Il package com.zonageek.jpeg ( http://www. 
zonageek.com/software/java/jpeg/ ) è una libreria 
utile per leggere e manipolare file jpg con una 
interessante roadmap: per ora è solo in grado 
di elaborare la struttura del file e fornire 
accesso in lettura e scrittura ai dati grezzi di 
ciascun blocco dati Exif e IPTC, ma l'autore si 
prefigge di implementare la decodifica e la 
codifica dell'immagine e la rotazione e rita- 
glio senza perdita di informazioni. Purtroppo 
però l'ultimo aggiornamento è del 2003, quin- 
di si presuppone che la roadmap sia stata per 
certi versi. . . abbandonata. Ed il motivo è chia- 
ro. La libreria è nata quando l'infrastruttura di 
gestione delle immagini della piattaforma 
Java non era molto evoluta. 
Per esempio, ai tempi non era disponibile 
ImagelO e quindi non disponibile alcuna fun- 
zione di base per salvare immagini in formato 

JPg- 

Questa libreria dispone di due oggetti: Jpg e 
ExifBlock. Il primo rappresenta un file Jpeg, 
mentre il secondo un blocco dati Exif. Per leg- 
gere un file di immagine e ottenere i dati Exif 
è possibile scrivere: 

Jpeg jpeg = new Jpeg(); 

jpeg.read(new FilelnputStream(sourceFilename)); 

ExifBlock b = jpeg.getExifBlock(); 

Questa ultima classe contiene le definizioni 
dei dati supportati. Se il file contiene blocchi 
non censiti all'interno del codice, viene solle- 
vata un'eccezione di tipo JpgException. 
Per eseguire l'operazione opposta, e cioè scri- 
vere un blocco Exif in un file jpg è possibile 
fare come segue: 

ExifBlock b = nuli; 

jpeg.addJpegBlock(b); 

jpeg.write(new FileOutputStream(destFilename)); 

Questi metodi consentono per esempio di 
copiare i dati Exif da un'immagine all'altra, 
per esempio per creare una immagine ridi- 
mensionata di una fotografia. In questo modo 
da file da 3,6,8 Megapixel è possibile ottenere 
un file di dimensioni molto più ridotte, come 
per esempio 400x266. Questa versione potrà 
essere utile per la realizzazione di una galleria 
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Un'applicazione 

commerciale per la 

visualizzazione di 

fotografie e relativi 

dati Exif è Exif Pro 

Image Viewer, 

scaricabile dal sito 

http://www.exifpro.com/. 



( Avvio 



caricamento 
immagine 
originale 




Fig. 2: algoritmo di creazione di una versione ridimen- 
sionata di una fotografia 

sul Web. 

L'algoritmo implementato è presentato in 

Figura 2 e il codice è quello seguente: 



pubi 


e void checkDisplayImage( String 

sourceFilename ) throws IOException 


{ 




Bufferedlm 


age image = ImageIO.read( 
new File( sourceFilename ) ); 




int width = 


image. getWidth(); 




int height = 


= image. getHeight(); 




if (width > 


DISPLAY_SIZE && height > 

DISPLAY_SIZE) { 



try { 



//prende il blocco exif 



Jpeg jpeg = new 



Jpeg(); 



jpeg.read(new 
FilelnputStream(sourceFilename)); 



ExifBlock b = 

jpeg.getExifBlockQ; 



//ridimensiona 



File tempResizedFile = 
File.createTempFile("imgl", ".jpeg"); 



resize( 



sourceFilename, 



tempResizedFile.getAbsolutePath(), 
DISPLAY_SIZE, DISPLAY_SIZE, true ); 



//copia il blocco exif 



File tempResizedWith 
ExifFile = File.createTempFile("img2", ".jpeg"); 
jpeg.read(new 
FilelnputStream(tempResizedFile)); 



if (b != nuli) { 



jpeg.addJpegBlock(b); 



} 



jpeg.write(new 
Fi leOutputStream (tempResizedWith ExifFile)); 



//cancella il file 
ridimensionato senza EXIF 



if 
(!tempResizedFile.delete()) { 



//gestione errore 



} 



} catch( JpegException e ) { 



e.printStackTrace(); 



throw new 
IOException(e.toString()); 



} 



image. flushQ; 



image = nuli; 



} 



Il file con la versione ridimensionata ma com- 
pleta di dati Exif avrà un nome "strano", scel- 
to dal sistema attraverso il metodo File.crea- 
te TempFile(). Come passo finale è dunque 
possibile rinominare il file in modo che assu- 
ma un nome più significativo. Per esempio, se 
il nome originale è IMG_9828.jpeg è possibile 
far assumere al file ridimensionato il nome 
IMG_9828_small.jpeg. 



ALL'INTERNO 
DI ZONEGEEK 

La libreria ZoneGeek si compone di una man- 
ciata di classi, la maggior parte delle quali è 
relativa alla gestione di blocchi di dati perso - 
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nalizzati. Sono presenti dunque le classi 
AdobeBlock, ExifBlock o JfifBlock. 
Una caratteristica da segnalare di questa 
libreria è il fatto che se un dato Exif non viene 
riconosciuto, viene sollevata una eccezione. 
Questo significa che l'elaborazione si inter- 
rompe, anche se l'unico intento del program- 
matore è quello di copiare i dati Exif da un file 
all'altro. Per ovviare a questo problema è 
necessario modificare il codice della libreria, 
che per fortuna è open source e quindi dispo- 
nibile in formato sorgente. In particolare, per 
ottenere il funzionamento dell'algoritmo 
descritto sopra è necessario modificare la 
classe ExifBlock, e nel metodo readIFDO 
commentare il sollevamento dell'eccezione, 
sostituendolo con un semplice 

System. out.printlnQ : 



//throw new JpegException("Unexpected data, 
//unknwon EXIF tag " 


// 


+ tag + " (" + mode + ") " 


+ data); 


System. out.println("Unexpected data, 


unknwon 
EXIF tag " 




+ tag + " (" + mode + ") " 


+ data); 



Inoltre, per alcuni elementi informativi, sem- 
bra che i file di prova utilizzati per provare la 
libreria contenessero dati non validi. In parti- 
colare, alcuni elementi di tipo SHORT conte- 
nevano in realtà dati di altra dimensione, 
facendo fallire la conversione di tipo seguen- 
te: 



In questo caso si disporrà di un dato in meno, 
ma almeno l'operazione di parsing nella sua 
globalità viene completata. La classe 
JpegBlock e le relative sottoclassi dispongono 
di numerosi metodi getter e setter che per- 
mettono di estrarre e impostare i diversi ele- 
menti informativi. Per enumerare le informa- 
zioni disponibili in un file di immagine è pos- 
sibile utilizzare il seguente algoritmo, mutua- 
to dal codice sorgente della libreria. Per 
prima cosa viene aperto un file, da cui vengo- 
no estratti i blocchi dati utilizzando il metodo 
getBlocksO. Per ciascuno di questi viene 
estratta una Map che contiene le informazio- 
ni presenti, rappresentate come coppia chia- 
ve/valore: 

Jpeg jpeg = new Jpeg(); 

jpeg.read(new FilelnputStream(inFileName)); 

Vector blocks = jpeg.getBlocks(); 

for (int i = 0; i < blocks. size(); i ++) { 



JpegBlock block 



(JpegBlock) 

blocks. elementAt(i); 



Map info = block. getInformation(); 
System. out.println("Blocco originale alla 

posizione " + i + ": "); 
System. out.println(" Marcatore " + 

info.get("Jpeg Block")); 
for (Iterator keys = 
info.keySet().iterator(); keys.hasNext(); ) { 
Object key = keys.next(); 
System. out.println(" - " + key 
+ ": [" + info.get(key) + "]"); 




this.putShort(itemPos, 

((Short)value).shortValue(), 
this.isBigEndian); 

per ovviare a questo inconveniente l'opera- 
zione è stata racchiusa da un blocco try/ catch 
che sopprimesse l'errore con una semplice 
segnalazione a console: 

case ExifTagInfo.TYPE_SHORT: 
// TODO: Check sign 
if (itemCount == 1) { 

try^ 

this.putShort(itemPos, 

((Short)value).shortValue(), 
this.isBigEndian); 
} catch( ClassCastException e ) { 
//e.printStackTraceQ; 



System. out.println( 



"writelFDQ 



EXIF scartato " + 



value.getClass().getl\lame() + " = " + value ); 



} 



} 



Questo è l'output prodotto eseguendo questo 
programma e fornendo in input una fotogra- 
fia scattata con una Nikon D50. Si può notare 
come nel blocco Exif APPI sia presente il 
tempo di esposizione (ExposureTime, 
10/2000), la lunghezza focale (FocalLength, 
55), l'orientamento (Orientation, 1), l'apertu- 
ra (MaxAperture Value, 5) e la data e ora di 
scatto (Datetime, 2006:07:30 11:20:55): 

Blocco originale alla posizione 0: 
Marcatore EXIF (APPI) 



'IIUDOWS XP ED EXIF 




Windows XP dispone di una 
funzionalità di base che supporta 
i dati Exif. Questi sono 
visualizzati in una tabella nelle 
proprietà del file, quando viene 



selezionato un file che le 
contiene. In alcuni casi però 
questa operazione può 
corrompere la sezione Exif del 
file. 
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^| ^r 



JAIbum 

(http://jalbum.net/) è 

una eccellente 

applicazione per la 

generazione di album 

di fotografie online. Il 

programma è scritto in 

Java e quindi 

multipiattaforma. 




ExposureTime: [{num = 10, val = 0.0050, 

den=2QQQ>] 

TIFFYCbCrPositioning: [2] 
EXIFVersion: [0221] 



[-] 



Blocco originale alla posizione 3: 



Marcatore DHT 



Jpeg Block Length: [416 bytes] 



Jpeg Block: [DHT] 



Blocco originale alla posizione 4: 



Marcatore SOS 



Jpeg Block Length: [2486881 bytes] 



Jpeg Block: [SOS] 



UN'ALTERNATIVA 

La libreria illustrata è compatta e veloce da 
usare, ma non è il massimo dell' aggiorna- 
mento. È disponibile anche la libreria jpeg- 
exif di dreawnoakes.com ( http://www.drew - 
noakes.com/ code/exif/) . Questo software, nato 
come programma di utilità per estrarre la 
data di scatto dalle fotografie si è evoluto in 
un framework completo per operare con dati 
Exif e Iptc. Il package com.drew.metadata.exif 
supporta metadati specifici per diversi 
modelli di Nikon, Canon, Casio, Olympus, 
Kodak, Kyocera, Panasonic, Pentax e Sony. 
L'utilizzo di questa libreria è similare al prece- 
dente. Il seguente listato produce l'elenco dei 
metadati presenti in un file jpeg. Come si 
nota, l'integrazione con la piattaforma Java è 
migliore. Tramite il metodo readMetadataf) 
della classe JpegMetadataReader si ottiene un 
oggetto Metadata. Da questo si può ottenere 
un iteratore che ritorna un insieme di oggetti 
Directory. Ciascuno di questi dispone di un 
elenco di elementi Tag: 

File jpegFile = new File("mylmage.jpg"); 
Metadata metadata = 

JpegMetadataReader.readMetadata(jpegFile); 
Iterator directories = 

metadata. getDirectoryIterator(); 
while (directories. hasNext()) { 



Directory directory 



(Directory)directories.next(); 



Iterator tags = directory.getTaglteratorQ; 



: 



ROGETTI CONCRETI 



BlueMarine 

(http://bluemarine.tidalwave.it/) 
è un interessante progetto 
italiano che emula applicazioni 



come Aperture di Apple o 
Lightroom di Adobe per 
oranizzare, sviluppare, stampare 
e pubblicare le foto digitali. 



J 



while (tags.hasNext()) { 


Tag tag = (Tag)tags.next(); 


System. out.println(tag); 


} 


} 



La classe Tag contiene il singolo elemento 
informativo e offre metodi getter per ottenere 
il tipo, il nome e la descrizione del dato. 
Opportuni metodi di conversione, presenti 
nella classe Directory, consentono di ottenere 
il valore del tag sottoforma di intero, doublé, 
float, long, numero razionale o data. 
Un esempio di output del programma prece- 
dente, sempre relativo a una fotografia scatta- 
ta con una macchina fotografica Nikon, è il 
seguente: 



Exif] Image Description 



Ex 



Ex 



Ex 



Ex 



Ex 



Ex 



Ex 



Ex 



Ex 



f] Make = NIKON 



f] Model = E990 



f] Orientation = top, left side 



f] X Resolution = 1/300 inches 



f] Y Resolution = 1/300 inches 



f] Resolution Unit = Inches 



f] ISO Speed Ratings = 100 



f] Exif Version = 2.10 



f] Date/Time Originai = 2000:12:30 10:18:16 



Exif] Date/Time Digitized = 2000:12:30 



10:18:16 



Exif] Focal Length = 8.2 mm 



Ex 



Ex 



Ex 



Ex 



f] User Comment 



f] FlashPix Version = 1.00 



f] Color Space = sRGB 



f] Exif Image Width = 2048 pixels 



Exif] Exif Image Height = 1536 pixels 



Nikon Makernote] Makernote Unknown 1 



Nikon Makernote] ISO Setting = Unknown (0 0) 



Nikon Makernote] Color Mode = COLOR 



Nikon Makernote] Quality = FINE 



CONCLUSIONI 

Attraverso Java e le due librerie qui descritte è 
possibile andare oltre nella gestione della 
propria libreria di fotografie. Tramite la lettu- 
ra dei metadati presenti nei file è possibile 
implementare molte applicazioni simpatiche, 
come gallerie di foto, o motori di ricerca spe- 
cifici. 

I dati Exif rappresentano una risorsa fino ad 
ora abbastanza trascurata ma che se utilizza- 
ta correttamente potrebbe rappresentare la 
soluzione a diversi problemi legati alla gestio- 
ne delle immagini 



Massimiliano Bigatti 



* 88 /Novembre 2006 



http://www.ioprogrammo.it 



DB2 viper ■ T Anteprima 



IBM INVENTA 

IL DATABASE IBRIDO 

AL GIORNO D'OGGI TUTTO È XML. ALLORA PERCHÈ SALVARE I DATI IN UN FORMATO 
NATIVO PER POI DOVERLI ELABORARE? VALE LA PENA CREARE UN DATABASE CHE GESTISCA 
DIRETTAMENTE IL FORMATO XML. DB2 VIPER FA PROPRIO QUESTO, OLTRE TUTTO IL RESTO... 



Forse non tutti sanno che la gestione dei 
database compie 40 anni. Infatti, negli 
Anni 60, quando l'allora presidente 
degli Stati Uniti, John E Kennedy diede il via ai 
viaggio sulla Luna, nacque il problema di dove 
memorizzare grandi quantità di dati relativi 
alla missione Apollo. Quindi è nel 1966 che 
nasce V Information Management System, 
IMS, il sistema per gestire l'informazione, in 
una parola: il database. Ed è stata IBM a rea- 
lizzarlo. Un'altra pietra miliare dell'informati- 
ca è stata l'invenzione del modello relaziona- 
le e del linguaggio SQL, Structured Query 
Language intrdotto, anche in questo caso da 
IBM. Oggi, ancora IBM vuole segnare un altro 
momento storico per il database: la nascita 
del db ibrido, sia relazionale sia xml. Da più 
parti si sente parlare di interoperabilità tra 
sistemi eterogenei e dei web services come il 
mezzo per realizzarla, attraverso scambio di 
informazioni in formato xml. In questo conte- 
sto, un db che memorizzi le informazioni sia 
nel modo tradizionale sia in xml può davvero 
segnare una svolta nello sviluppo dei db. Se a 
questo si aggiunge anche che è gratuito, ecco 
che si hanno tutte le caratteristiche di IBM 
DB2 versione 9, nome in codice Viper. 
L'obiettivo è adesso quello di capire come 
usarlo subito, come creare tabelle, leggere, 




Fig. 1: Database relazionale con xml 



inserire o cancellare dati, creare indici e lan- 
ciare stored procedure, usando il db ibrido e 
gli strumenti di sviluppo e amministrazione di 
IBM. 



LETTURA 

DEL FORMATO XML 

Per prendere confidenza gradualmente con i 
dati in formato xml e per vedere come Java 
gestisce le query, il file migliore è XmlRead. 
Con gli esempi contenuti in questa classe, 
chiunque può utilizzare da subito sia DB2 
Viper sia le strutture di Java per accedervi. I 
metodi principali sono 5: i primi 3 permetto- 
no di leggere dati dal db usando le varie api 
java; gli altri 2 accedono ai valori xml in for- 
mato Clob e Blob. Il modo più semplice per 
realizzare una query si trova in execQuery e le 
righe più importanti sono le seguenti. 

// XmlRead -> execQuery 
ResultSet rs = stmt 

.executeQuery(" SELECT cid, 

XMLSERIALIZE(info as varchar(600)) " 

+ "FROM customer WHERE cid < 1005 "); 

while (rs.next()) { 

customerid = rs.getlnt(l); 

customerlnfo = rs.getString(2); 
}- 

Viene eseguita la query e poi si prendono i 
dati. Tutto molto semplice e standard, con 
l'aggiunta dell'istruzione XMLSERIALIZE che 
converte xml in stringa o in oggetti Blob. 
Gli altri metodi per eseguire le query sfruttano 
il PreparedStatement di Java che permette di 
memorizzare le stesse, ottenendo prestazioni 
migliori. 

// XmlRead -> execPreparedQuery 
PreparedStatement pstmt = con 




. 



U CD U WEB 

0B2.zip 




SI Basidi 

' programmazione Java 
e di database 



JDK 1.4.1 o superiore, 
DB2 Viper, Developer 
Workbench 




0000 
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.prepareStatement(" SELECT cid, 

XMLSERIALIZE(info as varchar(6QQ)) " 

+ " FROM customer WHERE cid < 1005 "); 
// XmlRead -> execPreparedQueryWithParam 
PreparedStatement pstmt = con 
.prepareStatement(" SELECT cid, 

XMLSERIALIZE(info as varchar(600))" 
+ " FROM customer WHERE cid < ? "); 
pstmt. setlnt(l, 1005); 

In questi 2 metodi la query viene memorizza- 
ta. Nel secondo caso, poi, c'è la possibilità di 
passargli ogni volta un parametro diverso. 
Quest'ultimo caso è abbastanza comune se si 



r 


k Apri tabella - OLDCUSTOMER |_5 




NICKEL ■ DB2 ■ SAMPLE ■ CRISTIANO. 0LDCUST0MER 


OCID £ 


FIRSTNAME- 


LASTNAME £ 


ADDR # 


INFORMATION- 




Aggiungi riga 


1007 


Raghu 


nandan 


<addr country... 






Cancella riga 


1008 


Rama 


murthy 


<addr country*... 




1009 


Rahul 


kumar 


<customerinfo ... 






1010 


Simona 


Sezzatini 


<addr country=... 




Apri XML 












Nessun dato XML è stato richiamato. Fare clic sul pulsante Apri XML' per richiamare i dati XML. 




Commit ] f Rollback l f Filtro l 


□ Commit aggiornamenti automatico 4 ■ ^ j n me 


moria 




f Chiudi 


Jl ? I 

















Fig. 2: Dato in formato relazionale. 



MIO EL ■ ['Eij ■ 'i.AMF'LE ■ C Fi l'i. TI ANO CUSTOMER 


CID #J 


INFO $ 


HISTORY $ 




Aggiungi riga 


1000 










| Cancella riga 


1001 






1002 








1003 






I Apri XML 


1004 








10 






11 






1006 






1007 






1003 






1010 


L_^ 








Vista ad albero 


Vista di origine 






Nonne origine | 


as^^^^^^^Hv 






(?:<ml version= '1 0" encodii g="U i I--16" 7 ' toldO.istonier 0CID= 1010" name="S mona Sezzatira"/') 








f Salva... 1 f Preferenze... 1 














\ Chiudi ] [ ? 




Commit Rollback [ Filtro J 






I | Commii aggiornamenti automatico 


1 5 righe in memoria 






[ Chiudi J [ ? j 












Fig. 3: Dato in formato xml 



CARATTERISTICHE DB2 EXPRESS-C 



Tra le varie versioni del DB2 
Viper, una in particolare è rivolta 
agli sviluppatori e al mondo 
accademico ed è la versione 
Express-C che è gratuita. Quello 



che è escluso da questa versione 
è il Warehouse, il supporto per la 
connessione, gli strumenti web. 
Non ci sono però limitazioni sulla 
quantità di dati memorizzabili. 



pensa che, durante l'esecuzione del program- 
ma, la query rimane la stessa, mentre cam- 
biano i parametri con la quale viene interro- 
gata. La maggior parte dei database tratta il 
formato xml come una grande quantità di 
dati, al pari di file audio o video o immagini 
senza avere la possibilità di manipolarli. 
Anche DB2 Viper può farlo, sebbene la sua 
caratteristica sia quella di andare oltre questa 
gestione. 

// XmlRead -> ReadClobData 
ResultSet rs = stmt 

.executeQuery("SELECT cid, XMLSERIALIZE 

(info as Clob)" 

+ " from customer where cid < 1005"); 

while (rs.next()) { 

customerid = rs.getlnt(l); 



Clob clob = rs.getClob(2); 



long clobjength = clob.length(); 
temp_clob = clob.getSubString(l, (int) 

clobjength); 



} 

// XmlRead -> ReadBoIbData 



PreparedStatement pstmt = con 



.prepareStatement(" SELECT cid, 

XMLSERIALIZE(info as blob)" 
+ " from customer where cid < 1005 "); 



while (rs.nextQ) { 



customerid = rs.getlnt(l); 



Blob blob = rs.getBlob(2); 



byte[] Array = blob.getBytes(l, (int) 

blob.lengthQ); 



String temp_string 



for (int i = 0; i < Array.length; i + + ) { 



char temp_char; 



temp_char = (char) Array[i]; 



temp_string += temp_char; 



} 



Blob e Clob sono oggetti che immagazzinano 
dati di grandi dimensioni memorizzati come 
stringhe binarie o di caratteri. 
Questa prima classe serve per usare da subito 
tutte le funzionalità del db con Java. Per sfrut- 
tare al meglio DB2 Viper si può vedere la clas- 
se successiva. 



INSERIMENTO 
DI VALORI XML 

Se per leggere dei valori xml, l'unico proble- 
ma è come trattarli per formattarli in modo 
corretto (come stringhe, Clob o Blob), per Fin- 
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serimento emerge prepotentemente il lavoro 
fatto dagli sviluppatori per garantire la cor- 
rettezza dei dati. Infatti, il modello di dati 
relazionale usa i vincoli di chiave, come la 
chiave primaria o quella esterna, per verifica- 
re che i dati inseriti siano coerenti con quelli 
esistenti. Ci sono anche i vincoli come il 
check che permette di dire che un certo 
campo deve assumere determinati valori. 
Inoltre dovrebbe essere possibile selezionare 
solo parte dei dati xml e non tutto il file in 
blocco. Tutti questi controlli dovrebbero 
essere validi anche per i dati xml ed è questa 
la caratteristica innovativa del DB2 Viper. Il 
file Xmllnsert contiene molti esempi su come 
eseguire l'inserimento con controlli e valida- 
zioni sui dati. Questa volta gli esempi più 
semplici vengono tralasciati per entrare 
direttamente nel cuore della tecnologia. Il 
primo metodo inserisce una riga dopo aver 
preso le informazioni dalla riga di un'altra 
tabella e averle trasformate in xml. 

// Xmllnsert -> InsertwhereSourceisXmlFunction 
Statement stmtl = con.createStatement(); 

stmtl.executeUpdate("INSERT INTO 

customer(cid,info) " 
+ "SELECT ocid, XMLPARSE(document 

XMLSERIALIZE(content " 
+ "XMLELEMENT(NAME\"oldCustomer\", 

XMLATTRIBUTES" 
+ "(s.ocid,s.firstname| |' 'I Is.lastname AS 

\"name\")) " 
+ "as varchar(200)) strip whitespace) " 
+ "FROM oldcustomer s " + "WHERE 



s.ocid = 1010"); 



: 



Nome origine http://podemo.org 



v 



Documento originale 

<?xml version="1.0"?> * 

:; : ^ . . ..'. ..:..:• .v - :'■; :■;: '■'■■ . 

<xs:element ornerinfo"> 

<xs:complexType> 
<xs:sequence> 

r ' . . ;'.;■:■•;■ 1 ; ' / 

<xs:element name="addr" min0ccurs="1" maxOccurs="unbounded"> 
<xs:complexTi)pe> 
<xs:sequence> 

1 . ■ - • . 

ii.-, 

' ' ■■-:: ■ . ■■; .,. ' ' ■; . • :i."'4' •'"; ;.: 

</xs:sequence> 

' ■ ■■ 

</xs:complexTi)pe> 
<7xs:element> 

■ ■ : ■;•-< : '.■'...' '..■.■:-...... : . 

<xs:complexTi)pe> 
<xs:simpleContent> 
<xs:exter- .s:string"> 

- ■■-!.., • " ■ 

</'xs:extension> 
</xs:simpleContent> 
</xs:complexTiipe> 
</xs: elemento 

. -, li- ' . '• : i : ' 



Fig. 4: Schema per customer 

I dati sono presi dalla tabella oldcustomer, 
manipolati usando le funzioni xml e inseriti 



come campo xml nella tabella customer. In 
particolare, il nuovo dato avrà nel campo xml 
della tabella customer, dentro l'attributo 
name, il valore nome e cognome che invece, 
nella tabella oldcustomer, è memorizzato in 
due campi relazionali distinti. Una foto del 
passaggio chiarisce meglio la trasformazione 
da dati dal formato relazionale (db classico 
con tabelle e campi) in formato xml con 
variazione dei dati. 

Anche in questo esempio c'è l'uso di funzioni 
SQL/XML che servono per eseguire le trasfor- 
mazioni sui dati. In particolare, XMLELE- 
MENT serve per convertire i dati memorizza- 
ti nel tradizionale formato di colonna, in un 
elemento xml. Discorso analogo vale per 
XMLATTRIBUTES per la conversione in un 
attributo. XMLPARSE, invece, è la funzione 
che converte una stringa in formato xml. 
Sempre in tema di trasformazioni, dopo esse- 
re passati da relazionale a xml, si potrebbe 
passare da file xml a db xml. Il tutto usando 
come mezzo di trasformazione dei dati l'og- 
getto Blob. 

Il Xmllnsert -> InsertwhereSourceisBlob 
String xsdData = new String(); 
xsdData = returnFileValues("expPrg.xml"); 
byte[] byteArray = xsdData. getBytes(); 
// Create a BLOB object 
java. sql. Blob blobData = 

com.ibm.db2.jcc.t2zos.DB2LobFactory 




.createBlob(byteArray); 



PreparedStatement pstmt = con 



.prepareStatement("INSERT INTO 

customer(cid,info) " 
+ "VALUES(1021,XMLPARSE 
(document cast(? as Blob) strip whitespace))"); 



pstmt. setBlob(l, blobData); 



pstmt. execute(); 

Dal codice si apprezza meglio il passaggio file 
xml -> blob -> db xml. In particolare si legge 
il dato dal file expPrg.xml, lo si trasforma nel- 
l'oggetto java.sql.Blob che quindi è nativo di 
java e non fa parte di api nuove, e infine si 




MTO E PIÙ VELOCE? 



Per dimostrare i miglioramenti 
introdotti con DB2 Viper rispetto 
ai tradizionali db, si sono 
calcolate alcune statistiche. 
Creazione di un nuovo report 
impiega 10 minuti, anziché 1 
giorno. Selezione delle porzioni 
di dati di interesse nei web 



services riduce il tempo di lettura 
e scrittura del 65%. 
Il cambiamento dello schema 
richiede pochi minuti, invece di 
un giorno interno. Implementare 
il recupero di dati da xml 
impiega 30 minuti, recupero da 
Clob 8 ore. 
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esegue l'inserimento nel db in formato xml. 
Come si vede dal codice, c'è l'istruzione XML- 
PARSE che serve, come suggerisce il nome, a 
fare il parse, la trasformazione, in formato 
xml. In realtà, poiché il campo di destinazione 
è in formato xml, l'istruzione XMLPARSE non 
è necessaria, e può essere eseguita implicita- 
mente come mostra il metodo 
InsertBlobDataWithlmplicitParsing. 

Il Xmllnsert -> InsertBlobDataWithlmplicitParsing 
PreparedStatement pstmt = con 

.prepareStatement("INSERT INTO 

customer(cid,info) " 

+ "VALUES(1022, cast(? as Blob))"); 

Il passo successivo è quello di usare il Clob 
come mezzo di trasformazione da file xml a 
db e questo viene fatto nel metodo Inserì 
whereSourceisClob. 

Dopo aver visto i metodi che manipolano i 
dati in formato xml, si può passare a quelli 
che considerano la struttura xml e la corret- 
tezza dei valori. Il primo metodo è InsertFrom 
StringNotWellFormedXML. Il nome già sugge- 
risce che c'è qualche problema. L'errore sta 
nel codice seguente e magari qualcuno riesce 
a trovarlo senza leggere la soluzione! 

// Xmllnsert -> 

InsertFromStringNotWelIFormedXML 
PreparedStatement pstmt = con 
.prepareStatement("INSERT INTO 

customer(cid,info) VALUES(1032," 

"'<customerinfo 

Cid=\"1032\"xname>Romina</na me >')"); 

Chi è abituato a lavorare con i file xml, forse 
ha notato che manca il tag di chiusura di cuto- 
merinfo, cioè <l customerinfo>, come mostra- 
to in seguito. 

PreparedStatement pstmt = con 
.prepareStatement("INSERT INTO 

customer(cid,info) VALUES(1032," 
"'<customerinfo 

Cid=\"1032\"><name>Romina</namex/custo 

merinfo>')"); 

Al di là del fatto che qualcuno abbia notato 
l'errore, la cosa innovativa è che il DB2 Viper 
si è accorto che il formato xml che si tenta di 
inserire ha una struttura errata e lo segnala 
lanciando un'apposita eccezione. 
Ancora a caccia di errori con i due metodi 
seguenti. In questi casi c'è la validazione dello 
schema xml. Lo schema serve per dare una 
struttura precisa ai dati che verranno inseriti. 



Nella figura si può apprezzare lo schema per 
l'identificativo customer. Poiché i file xml 
sono composti da elementi e attributi, lo 
schema definirà quali di questi devono essere 
obbligatori. Si può notare come l'elemento 
addr deve avere almeno un'occorrenza e che è 
composto dagli elementi Street, city, prov- 
state e pcode-zip anche loro obbligatori. Il 
metodo ValidateXML Document riesce ad 
inserire la riga correttamente nel db, mentre 
quello InsertwithValidation Sourceis Varchar 
non lo fa. 



// Xmllnsert -> ValidateXMLDocument 


stmt 


.executeUpdate("INSERT INTO 

customer(cid,i 


info) " 


+ 


"VALUES(1037, " 




+ 


"XMLVALIDATE( " 




+ 


"XMLPARSE(document '" 




+ 


"<customerinfo xmlns=\"http://podemo 


■org\" 


+ 


"Cid=\"1037\">" 




+ 


"<name> Maurizio </na me >" 




+ 


"<addr country=\"italy\">" 




+ 


"<street>via campioni, 4</street>" 




+ 


"< city > Roma </city>" 




+ 


"<prov-state>Roma</prov-state>" 




+ 


"<pcode-zip>00100</pcode-zip>" 




+ 


"</addr>" 




+ 


"</customerinfo>' preserve whitespace] 


1" 


+ 


"according to XMLSCHEMA ID 

CUSTOMER))"); 



Come detto, con il codice sopra si riesce ad 
inserire la riga. Invece il metodo seguente fa 
riferimento a un'altra riga presente nel db che 
fa lanciare un'eccezione relativa allo schema 
xml usato. 

// Xmllnsert -> 

InsertwithValidationSourceisVarchar 
stmtl.executeUpdate("INSERT INTO 

customer(cid,info) " 
+ "SELECT ocid, XMLVALIDATE ( XMLPARSE( 

document addr " 
+ "preserve whitespace ) according to " 

+ "XMLSCHEMA IP CUSTOMER) " 

+ "FROM oldcustomer p " 
+ "WHERE p.ocid = 1009"); 

Il codice sopra, che è corretto, fa riferimento 
al campo addr della tabella oldcutomer dove 
c'è il valore xml che da errore. 

// tabella oldcusotmer, riga con ocid = 1009 
<customerinfo xmlns= "http://podemo.org" 

Cid = "1009"> 
<addr country="Italy"> 
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<street>via campioni, 4</street> 

<city>Rome</city> 

<prov-state>Rome</prov-state> 

<pcode-zip>00100</pcode-zip> 

</addr> 

<phone type = "work">06-91132776</phone> 

</customerinfo> 



Per capire dove si è insinuato Terrore, si devo- 
no considerare 3 elementi: 1) lo schema di 
riferimento riportato in figura; 2) la struttura 
xml sopra; 3) la struttura xml del metodo 
ValidateXMLDocument che aveva dato esito 
positivo. Le differenze tra le 2 strutture, non 
sono solo nel campo in più phone. Questo 
campo, infatti, riguardando la struttura in 
foto, è ammesso con minOccurs="0" e quindi 
non è obbligatorio. Diverso il discorso per l'e- 
lemento name, che è presente nel primo caso 
e non nel secondo e che, secondo lo schema, 
ha minOccurs="l" e quindi è obbligatorio. 
E con questi due metodi si hanno a disposi- 
zione altre righe di codice per inserire e vali- 
dare gli schemi prendendo come input i dati 
da tabella o mettendoli nel codice. 
Generalmente con un db si eseguono opera- 
zioni di inserimento, modifica e cancellazione 
dei dati: dopo aver visto l'inserimento, si può 
passare alla modifica. 



MODIFICA 

DI VALORI XML 

Anche per modificare i dati si possono pre- 
sentare svariati casi a seconda di quale input 
si deve maneggiare. 

Nel file XmlUpDel ci sono tutti i metodi per 
eseguire le modifiche. Tanto per definire bene 
il contesto nel quale si sta lavorando, il primo 
metodo permette di eseguire Y aggiornamento 
nel modo più semplice. 

// XmlUpDel -> 

mostSimpleUpdatewithConstantString 
PreparedStatement stmtl = con 

.prepareStatement("UPDATE customer" 
" SET 
info=XMLPARSE(document'<newcustomerinfo> 

<name>Max" 
+ "<street>park street</street>" 



documento xml, come già detto negli esempi 
precedenti. Casi molto simili a questo pren- 
dono come input i dati da una colonna in for- 
mato stringa o da una colonna in formato 
xml. 

Per analogia con l'inserimento, un caso inte- 
ressante è l'aggiornamento dei dati in cui la 
sorgente viene trasformata in Blob ed effet- 
tuato il parse implicito. 

// XmlUpDel -> 

UpdatewhereSourceisBlobWithlmplicitParsing 
String xsdData = new String(); 

xsdData = returnFileValues("expPrg.xml"); 
byte[] Array = xsdData. getBytes(); 
java. sql. Blob blobData = 

com.ibm.db2.jcc.t2zos.DB2LobFactory.createBlob( 

Array); 
PreparedStatement pstmt = con 

.prepareStatement(" UPDATE customer SET 

INFO = " 
+ " cast(? as Blob)" + " WHERE cid = 1008"); 
pstmt. setBlob(l, blobData); 
pstmt. execute(); 

Questo caso è davvero quasi un ripasso: si 
legge il dato dal file expPrg.xml lo si trasforma 
in Blob e si esegue V update. Anche in questo 
metodo il parse viene eseguito in maniera 
implicita non essendo presente l'istruzione 
XMLPARSE. Infine resta il caso della cancella- 
zione. 



CANCELLAZIONE 
DI VALORI XML 

Per completezza c'è il caso della cancellazio- 
ne sia di una riga che di una tabella. 

// XmlUpDel -> DeleteofRowwithXmlData 
PreparedStatement stmtl = con 

.prepareStatement("DELETE FROM customer" 
+ " WHERE cid = 1008"); 
stmtl. execute(); 

Con questo metodo la riga relative all'identifi- 
cativo 1008 è cancellata. Per eliminare un 
intera tabella c'è invece il metodo 
rollbackChanges. 




"<city>delhi</city></namex/newcustomerinfo> 

'preserve " 
+ "whitespace) WHERE cid = 1008"); 

\ Questo metodo rappresenta quasi la norma- 
le operazione di update unita al parse del 



QL/XML FUNZIONALITÀ DEL 2006 



Alcune novità di SQL/XML sono le 
funzioni: XMLQUERY, per 
eseguire una XQuery; XMLESISTS, 
per determinare se una query ha 



un risultato di ritorno; XMLTABLE, 
per eseguire una XQuery e 
ottenere come risultato una 
tabella relazionale. 
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Fig. 5: Developer Workbench 



Il XmlUpDel -> rollbackChanges 



PreparedStatement stmtl = con 



.prepareStatement("DROP TABLE 



oldcustomer"); 



stmtl. execute(); 



Nelle varie classi si usano queste poche righe 
che vanno riconfigurate a seconda delle 
impostazioni di ognuno. I valori da passare 
sono, nell'ordine, il nome dell'istanza del db, 
il server al quale connettersi, la porta del db, e 
username e password. Con questi valori si 
può usare direttamente tutto il codice, a patto 
che si sia eseguita sulla propria macchina l'in- 
stallazione standard del DB2 Viper, e che si 
imposti correttamente il proprio username e 
password. 

Interessante è l'oggetto Db che permette di 
effettuare la connessione. Infatti, avendo il 
DB2 una lunga storia alle spalle, sono davvero 
molte le versioni e le tipologie di connessioni 
che si possono effettuare. Poiché si usa Java, 
la connessione più naturale da usare è quella 
che sfrutta il driver jdbc, e il tipo 4 è quello 
consigliato per le ultime architetture. Per con- 
nettersi effettivamente al db serve la uri di 
connessione. 
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// Db -> connect 



F/gf. 6: Pannello di controllo 

Questi metodi sono generali e si usano per 
tutti i database e danno un quadro completo 
su come usare da subito DB2 Viper. 



CONNESSIONE 
ED ERRORI 

In tutti i file usati negli esempi precedenti ci si 
è soffermati sulle caratteristiche innovative 
del DB2 Viper, eppure un ruolo decisivo lo 
svolgono anche altre classi che consentono di 
connettersi al db e di gestire le eccezioni. La 
connessione è il primo aspetto da considerare 
per potersi collegare al db e in ogni classe ci 
sono alcune righe che la effettuano. 

// In tutte le classi 

String[] arg = { "SAMPLE", "localhost", "50000", 

"user" "pwd" }; 
Db db = new Db(arg); 
Connection con; 
con = db.connectQ; 



Properties props = new Properties(); 
uri = "jdbc:db2://" + server + ":" + portNumber 

+ "/" + alias; 



if (nuli != userld) { 



props. setProperty("user", userld); 

props. setProperty("password", password); 

> 

con = DriverManager.getConnection(url, props); 

con.setAutoCommit(false); 

Muri usa una parte fissa che dipende dallo 
specifico db e una variabile, come il numero 
della porta e l'alias, ovvero il nome dell'istan- 
za del db. Poi, nell'oggetto Properties, si impo- 
stano username e password e tutto ciò serve 
per ottenere la connessione. L'ultima riga 
imposta il commit automatico a false e quin- 
di, tutte le modifiche fatte sul db diventano 
effettive solo quando si esegue il metodo 
db.disconnect. 
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Fig. 3: Struttura con campo per l'indice 
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// Db -> disconnect 



con.commitO; 



con.close(); 

In questo modo si possono eseguire tutte le 
operazioni e solo se tutto va a buon fine, allo- 
ra si fa il commit. Viceversa, se si incontrano 
problemi, si lancia un'eccezione che fa il roll- 
back delle operazioni. Questo è il compito 
della classe JdbcException. 

// JdbcException -> handle 
if (conn != nuli) { 

try { 

conn.rollback(); 

} catch (Exception e) {} 

Con questo codice si hanno tutte le informa- 
zioni necessarie per costruire un'applicazione 
funzionante che sfrutta le caratteristiche 
innovative del DB2 Viper. 



memorizzati. Si può anche navigare facilmen- 
te XML Schema Repository, in basso a sinistra, 
con il quale si ottiene la figura sullo schema 
Customer, usata in precedenza. Con questi 
strumenti si ha il controllo totale del codice 
sorgente e del db usato. 



INDICI PER CAMPI XML 

Dopo aver visto le operazioni fondamentali 
sul db e gli strumenti per operare al meglio, si 
possono considerare funzionalità avanzate 
che danno maggior controllo del db. Sempre 
per cercare di dare al formato xml gli stessi 
vantaggi del db relazionale, DB2 Viper con- 
sente di realizzare indici per reperire i dati in 
maniera veloce. Inoltre, come per il relaziona- 
le, si possono creare indici unique, per con- 
trollare che i dati inseriti in uno specifico 
campo siano, appunto, unici. 




STRUMENTI DI SVILUPPO 
E AMMINISTRAZIONE IBM 

IBM mette a disposizione un pacchetto com- 
pleto di sviluppo del codice e gestione del db 
per poter avere un ambiente integrato che 
consenta di lavorare più facilmente e veloce- 
mente. Developer Workbench serve per scrive- 
re righe di codice Java avendo sotto mano il 
db. Infatti, un aspetto utile è la possibilità di 
avere informazioni sul db usato semplice- 
mente aprendo la prospettiva Data. Inoltre, 
essendo basato sul progetto Eclipse, si ritrova- 
no molti degli elementi di sviluppo caratteri- 
stici di questo ide. La foto mostra tutti gli 
aspetti che si possono sfruttare di questo 
ambiente. 

Infatti, nella parte centrale, ci sono tutte le 
classi del progetto e, a destra, la visualizzazio- 
ne dei metodi della classe selezionata. Mentre 
nel resto dello schermo ci sono le informazio- 
ni sul db. A sinistra, c'è la navigazione del db 
attraverso lo schema e le tabelle. In basso è 
messa in risalto proprio la possibilità di visua- 
lizzare i dati contenuti nel db. Inoltre, si pos- 
sono cancellare drop, tabelle, oppure generar- 
ne lo script di creazione, DDL. Quindi, già solo 
con questo ambiente di sviluppo si ha sotto 
controllo l'intero db. 

Per chi, invece, vuole una gestione più accura- 
ta c'è un apposito pannello di controllo per 
l'amministrazione del db. 
Dal pannello si possono ottenere le stesse 
informazioni sulle tabelle, con la struttura 
usata, il nome e il tipo dei campi e i dati 



// Xmllndex -> TblndexllniqueConstraintl 
String create = "CREATE TABLE COMPANY(id INT, 

docname VARCHAR(20), doc XML)"; 
stmt.executeUpdate(create); 
stmt = con.createStatementO; 
stmt.executeUpdate("CREATE UNIQUE INDEX 

empindex on company(doc)" 
+ "GENERATE KEY USING XMLPATTERN 

'/company/emp/@id"' 
+ "AS SQL DOUBLÉ "); 

Dopo aver generato la tabella company, com- 
posta dal campo doc di tipo xml, si crea l'indi- 
ce unique solo su un campo specifico del 
campo doc. In altre parole, il campo doc con- 
tiene xml e all'interno dell' xml c'è l'elemento 
company formato dall'elemento emp che 
contiene a sua volta un altro elemento, id, sul 



, : \Cr ist ìanoSProgr 
CONNECT TO SAMPLE 



\DB2Uiper\DB2Si 



r91\BIN>db2 -vtf RunstatsCmd.db2 



Server database = DB2/NT 9.0.0 

ID autorizzazione SQL = CRISTIAN... 
Alias database locale = SAMPLE 

RUNSTATS ON TABLE CRISTIANO. CUSTOMER 

DB20000I II comando RUNSTATS I> stato completato con esito positivo. 

RUNSTATS ON TABLE CRISTIANO. CUSTOMER ON COLUMNS <Info, History> 
DB200B0I II comando RUNSTATS P stato completato con esito positivo. 

RUNSTATS ON TABLE CRISTIANO. CUSTOMER ON COLUMNSUnf o, History LIKE STATISTICS> U 
ITH DI STRI BUI ION ON KEV COLUMNS DEFAULT NUM_FREQUALUES 30 NUM_QUANTILES -1 ALLOW 
[READ ACCESS 
DB20000I II comando RUNSTATS I> stato completato con esito positivo. 

RUNSTATS ON TABLE CRISTIANO. CUSTOMER ON COLUMNSUnf o, History LIKE STATISTICS> U 

ITH DI STRI BUI ION ON KEV COLUMNS EXCLUDING XML COLUMNS 

DB20000I II comando RUNSTATS I» stato completato con esito positivo. 

CONNECT RESET 

DB20000I II comando SQL P stato completato con esito positivo. 



ione\DB2U iper\DB2Se 



Fig. 3: Esecuzione script per le statistiche 
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quale impostare l'indice unico. La figura, cattu- 
rata dal pannello di controllo, mostra tutta la 
struttura e il campo id per il quale c'è l'indice. 
A questo punto si può passare alle prove: 
affinché sia un indice unico, si deve poter 
inserire un solo elemento con lo stesso id nel 
campo doc. 

// Xmllndex -> TblndexllniqueConstraintl 

stmt.executeUpdate("INSERT INTO company 

values (1, 'docl', xmlparse " 
+ "(document '<company 

naime=\"Companyl\"> <emp id=\"31201\"" 
+ " salary=\"60000\" gender=\"Female\" 
D0B=\"1Q-1Q-8Q\">" 

stmt.executeUpdate("INSERT INTO company 

values (1, 'docl', xmlparse " 
+ "(document '<company 

name=\"Company2\"> <emp id=\"31201\"" 
+ " salary=\"50000\" gender=\"Male\" 



Il codice sopra inserisce correttamente la 
prima riga, ma non la seconda, per la quale si 
genera un'eccezione. La causa è l'indice unico 
sul campo id che non autorizza a memorizza- 
re due righe che abbiano lo stesso valore, 
31201 in questo caso. Inoltre, l'indice creato si 
aspetta valori di tipo SQL DOUBLÉ, cioè 
numeri, e quindi, tentando di inserire id for- 
mato da stringhe, si genera nuovamente un 
errore. Se invece si vuole creare un indice che 
accetti stringhe, si può utilizzare un altro 
metodo. 

// Xmllndex -> TblndexVarcharConstraint 
stmt.executeUpdate("CREATE INDEX empindex on 

company(doc)" 
+ "GENERATE KEY USING XMLPATTERN 

'/company/emp/@id'" 
+ "AS SQL VARCHAR(4)"); 

La caratteristica di questo nuovo indice è di 
permettere id in formato stringa e al massimo 
di 4 caratteri. 



STATISTICHE 

PER TABELLE E INDICI 

Dopo aver creato le tabelle, averle popolate e 
aver reso le query più veloci con gli indici, si 
deve tenere il tutto aggiornato. Le query, 
infatti rendono al meglio sfruttando gli indici 
più opportuni, solo se le statistiche su tabelle 
e campi sono attuali. Per far ciò, si può usare 



la classe XmlRunstats. 



Il XmlRunstats -> xmlRunstats 



File outputFile = new File("RunstatsCmd.db2"); 
FileWriter out = new FileWriter(outputFile); 
String cmdl = "RUNSTATS ON TABLE " + 

fullTableName; 
String cmd2 = "RUNSTATS ON TABLE " + 

fullTableName 

+ " ON COLUMNS (Info, History) "; 

String cmd3 = "RUNSTATS ON TABLE " + 

fullTableName 
+ " ON COLUMNS(Info, History LIKE 

STATISTICS)" 

+ " WITH DISTRIBUTION ON KEY COLUMNS" 
+ " DEFAULT NUM_FREQVALUES 30 

NUM_QUANTILES -1" 

+ " ALLOW READ ACCESS"; 

String cmd4 = "RUNSTATS ON TABLE " + 

fullTableName 
+ " ON COLUMNS(Info, History LIKE 

STATISTICS)" 

+ " WITH DISTRIBUTION ON KEY COLUMNS" 

+ " EXCLUDING XML COLUMNS "; 

Process p = Runtime.getRuntime().exec("db2 -vtf 

RunstatsCmd.db2"); 



Per lanciare le statistiche, si crea un file 
RunstatsCmd.db2, lo si popola delle istruzioni 
da compiere, e lo si lancia. Nel metodo, le 
istruzioni servono per eseguire le statistiche 
sulla tabella, sulle colonne, su tutte le parti- 
zioni, consentendo l'accesso in lettura e scrit- 
tura durante la generazione, oppure esclu- 
dendo alcuni campi per avere maggior velo- 
cità nella generazione. 

Poiché si genera un file, un'altra possibilità è di 
eseguirlo dalla finestra dei comandi. 
Mettendosi nella directory BIN relativa a dove 
si è installato il DB2 Viper, si può lanciare la 
stessa istruzione eseguita via codice, come 
testimoniato dalla figura. 



REGISTRAZIONE 
SCHEMA XML 

Negli esempi precedenti si è capito l'impor- 
tanza che rivestono gli schema per validare la 
struttura xml e si è visto come il pannello di 
controllo possa visualizzarli. Manca come 
registrarli nel db. E questo è il compito della 
classe XmlSchema. Lo schema da registrare è 
relativo agli ordini e ha la sua struttura nel file 
order.xsd. Guardano il file, si può notare come, 
oltre alla definizione di campi specifici del- 
l'ordine, ci sono anche delle inclusioni di altri 
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file, come customer.xsd. In questo modo si 
divide il lavoro e si impone che i dati da inse- 
rire debbano seguire la struttura contenuta in 
order e anche quella contenuta in customer. 

Il XmlSchema -> registerXmlSchema 

CallableStatement callStmt = con 
.prepareCall("CALL 

SYSPROC.XSR_REGISTER(?,?,?,?,NULL)"); 
File xsdFile = new File("order.xsd"); 
FilelnputStream xsdData = new 

FilelnputStream(xsdFile); 

callStmt. setBinaryStream(4, xsdData, (int) 

xsdFile.lengthO); 
callStmt. execute(); 
addXmlSchemaDoc(con, "customer.xsd"); 

Con la chiamata al processo si registra un 
nuovo schema. Uno dei valori che si passa è 
proprio il file order.xsd. Poiché, come detto, 
serve registrare anche customer.xsd, si deve 
aggiungere allo schema anche il nuovo file. Il 
metodo per aggiungere un altro file xml allo 
schema precedente è simile e cambia solo 
nella procedura DB2 chiamata. 



fetchAII(rs); 

Con queste poche istruzioni java si lancia una 
procedura memorizzata nel db. Una volta 
recuperato il ResultSet ottenuto dalla proce- 
dura, il metodo fetchAll si occupa di formatta- 
re il risultato in maniera opportuna. In realtà, 
quindi, il grosso del lavoro viene eseguito nel 
db, dalla procedura. A parte le operazioni spe- 
cifiche per creare una procedura e dichiarare 
un cursore, cioè un oggetto dove memorizza- 
re il risultato della query, le istruzioni sono 
quelle viste negli esempi precedenti usando il 
codice java. 

// PROCEDURE reltoxmlproc() 

SELECT po.PoNum, po.CustlD, po.OrderDate, 

XMLELEMENT (NAME "PurchaseOrder" 

-), 

XMLATTRIBUTES (po.CustlD as "CustlD", 

po.PoNum as "PoNum", po.OrderDate as 
"OrderDate", pò. Status as "Status" ), 
XMLELEMENT (NAME "CustomerAddress", 

XMLCONCAT( 

XMLELEMENT (NAME "e.Name", c.Name ), 




// XmlSchema -> addXmlSchemaDoc 

CallableStatement callStmt = con 
.prepareCall("CALL 
SYSPROC.XSR_ADDSCHEMADOC(?,?,?,?,NULL) M ); 

A questo punto si può verificare la registrazio- 
ne dello schema chiamando l'ultimo metodo, 
insertValidatexml, che compie operazioni 
simili a quanto visto negli esempi precedenti. 



XML DAL DB 

Negli esempi precedenti si vede come esegui- 
re istruzioni da java con query sql. Volendo, si 
possono eseguire le stesse operazioni, diretta- 
mente dal db, usando le stored procedure, pro- 
cedure memorizzate nel db. Il tutto poi può 
essere lanciato da Java. Molti elementi in 
gioco, ma i passi da compiere sono abbastan- 
za facili. 

// RelToXmlDoc -> calIRelToXmlProc 
String procName = "RELTOXMLPROC"; 
String sql = "CALL " + procName + "()"; 
CallableStatement callStmt = 

con.prepareCall(sql); 
callStmt. execute(); 
ResultSet rs = callStmt. getResultSetQ; 



Quindi, le istruzioni SQL/XML viste nei vari 
esempi, si possono usare in modo simile 
anche nelle stored procedure. 



CONCLUSIONI 

IBM, dopo aver segnato la storia dei database, 
tenta di sconvolgere nuovamente le regole, 
mettendo a segno il primo database ibrido: 
relazionale e xml. Per poterlo sfruttare al 
meglio, si sono visti esempi per poter recupe- 
rare dati, modificarli, creare nuove tabelle, 
indici su campi xml e anche chiamare stored 
procedure direttamente nel db. Le classi crea- 
te sono davvero semplici e offrono una base 
concreta dalla quale partire per personalizza- 
re la propria applicazione potendo eseguire 
moltissime funzionalità messe a disposizione 
da DB2 Viper. Il db ibrido e gratis. 

Cristiano Bellucci 




VILUPPO E SERVER 



Oltre a supportare lo sviluppo 
in java, il DB2 Viper è integrato 
in VS.NET e in MS Visual Studio 
2005. Lato server ci sono 



versioni disponibili per 
Windows, Linux, Solaris, AIX e 
HP sia a 32 che a 64 bit. 
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LA SICUREZZA CON 
IL NUOVO US 7.0 

INTERNET INFORMATION SERVICES PRESENTA DIVERSE NOVITÀ ARCHITETTURALI CHE LO 
RENDONO ANCORA PIÙ AFFIDABILE E DIFFICILMENTE ATTACCABILE. GRAZIE ALL'AGGIUNTA 
DEL SUPPORTO DIRETTO AL .NET FRAMEWORK E LA FORTE COMPONENTIZZAZIONE. 
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La sicurezza di un web server costituisce 
una buona parte della sicurezza di un'ap- 
plicazione . Poggiare su fondamenta solide 
aiuta infatti a beneficiare della protezione intrin- 
seca che è offerta dal web server, evitando di sof- 
fermarsi troppo sulle funzionalità di sicurezza di 
base, che sono garantite a livello centralizzato. 
Nel caso di US, le versioni dalla 5.0 in poi hanno 
sempre cercato di garantire allo sviluppatore 
maggiori funzionalità di sicurezza, così da rende- 
re possibile una convivenza più semplice anche 
con l'altra metà del cielo, cioè i sistemisti. US 7.0, 
d'altra parte, garantisce le stesse funzionalità già 
presenti in US 6.0, con in più un insieme di nuove 
funzionalità che lo rendono ancora più interes- 
sante. 



L'EVOLUZIONE DEL 
CONCETTO DI SICUREZZA 

US 6.0 ha rappresentato sul versante della sicu- 
rezza complessiva del server web un passo in 
avanti molto importante, con l'introduzione 
dei meccanismi di protezione propri di 
URLScan. URLScan è un tool aggiuntivo, che 
può essere installato su US 5.0 o 6.0 (su que- 
st'ultimo aggiunge soltanto un numero limita- 
to di funzionalità) e che consente di filtrare, 
come il nome stesso suggerisce, le richieste in 
base al contenuto dell'URL. Questo genere di 
filtri è molto comodo, oltre che vitale, per evi- 
tare attacchi che sfruttino l'URL canonicaliza- 
tion, un attacco particolare che mira ad invia- 
re richieste che il server web può fraintendere, 
per servire risorse che altrimenti non sarebbe- 
ro state raggiungibili. 

Il tipico caso è quello del carattere \ che se 
inserito all'intero di una sequenza ben defini- 
ta, ad esempio "..\", può assumere un signifi- 
cato totalmente differente. 
Supponendo di richiamare qualcosa come 
http://localhost/..\..\..\windows/system32\cmd.exe , 
si potrebbe arrivare tranquillamente a 



cmd.exe, che come si sa corrisponde al prompt 
dei comandi di Windows. Da lì a far eseguire 
applicazioni o comandi il passo è davvero 
breve. 

Anche se oggi è difficile trovare un server web 
tra quelli più diffusi che soffra di problemi del 
genere, in passato la probabilità di una vulne- 
rabilità era più che elevata. Ovviamente al 
giorno d'oggi i problemi di sicurezza sono più 
sentiti e le tecniche di attacco più raffinate, a 
tal punto che US 7.0, la prossima versione di 
US, dedica molte risorse alla risoluzione di 
questo problema. 

La prima prerogativa di questa nuova versione 
è la forte componentizzazione, che porta van- 
taggi sia dal punto di vista della configurazio- 
ne, garantendo la possibilità di configurare a 
proprio piacere l'applicazione, sia dal punto di 
vista della sicurezza. La riduzione della super- 
ficie d'impatto, infatti, è garanzia di una mino- 
re esposizione esterna, poiché meno funziona- 
lità disponobili ci sono, minore è il rischio che 
siano malconfigurate e lascino aperta un'even- 
tuale porta di entrata. 

In questo senso, sin da US 6.0 sono state lascia- 
te attive solo le funzionalità minime, ma con 
US 7.0, grazie all'uso dell' applicationHosting. 
confìg, l'intera configurazione è possibile sem- 
plicemente editando un file XML, piuttosto 
che utilizzando un tool visuale o da riga di 
comando. La rivoluzione, semplicemente, sta 
nella possibilità di configurare qualsiasi fun- 
zionalità da questo file. Ed a pieno titolo tra ciò 
che si può modificare rientrano anche le impo- 
stazioni di sicurezza. 

È così ad esempio possibile specificare, anche 
a livello di singolo sito, i modules o handlers da 
utilizzare, rendendo possibile la creazione 
anche di un semplice sito che sia in grado di 
supportare solo file statici, piuttosto che appli- 
cazioni ASP o ASP.NET, in maniera indipen- 
dente da quello che poi gli altri siti o applica- 
zioni dello stesso server potranno fare. Per evi- 
tare che il browsing delle directory che non 
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hanno una pagina di default sia attivo, ad 
esempio, è sufficiente inserire nel web.config 
locale al sito, oppure all'interno 
deli'applicationHosting.config, una sezione 
di configurazione simile alla seguente: 

<configuration> 

< system. webServer> 
<directoryBrowse enabled = "false" /> 

</system.webServer> 
</configuration> 

Questo approccio dichiarativo alla configurazio- 
ne è peraltro già noto agli sviluppatori ASP.NET, 
dato che il web.config è addirittura condiviso, 
senza necessità di avere due file separati per la 
configurazione e con il vantaggio, tutt' altro che 
relativo, di poter controllare tutta la configura- 
zione da un unico punto. 



uni URLSCAIU 
INTEGRATO NEL MOTORE 

Questo livello di granularità consente di pro- 
teggere in maniera adeguata le applicazioni, 
anche grazie alla possibilità di inserire nei file 
di configurazione, policy di tipo più avanzato, 
che ricalcano per certi versi quelle offerte da 
URLScan. 

È ad esempio possibile specificare IP che non 
possono avere accesso, piuttosto che negare 
particolari sequenze contenute nell'URL, a 
garanzia che non possano essere sfruttati dal- 
l'esterno alcuni tra gli attacchi più diffusi. 
Molto interessante il meccanismo che equivale 
al filtro sulle estensioni attivato con URLScan, 
che consente di negare l'accesso a particolari 
estensioni di file. Questa tecnica è spesso uti- 
lizzata, con stratagemmi diversi, per evitare 
che gli utenti possano mettere online file con 
estensioni particolari e farli scaricare. Tra l'al- 
tro, è interessante notare come questo mecca- 
nismo aiuti anche la sicurezza passiva in un 
caso ben particolare, quando ad esempio il 
supporto per ASP.NET dovesse essere disabili- 
tato. In questa circostanza, le relative estensio- 
ni non sarebbero mappate sotto US, con il 
risultato che una richiesta in realtà produce 
semplicemente il sorgente della risorsa, ad 
esempio della pagina. Sfruttando questo mec- 
canismo, invece, le estensioni più comuni sono 
protette a prescindere dall'attivazione del cor- 
rispondente motore. Segue un esempio di 
quello che contiene un tipico 
applicationHosting.config, che nega la visua- 
lizzazione di file .asa e .master, rispettivamen- 
te necessari per il global.asa di ASP o le Master 



Page di ASP.NET 2.0. 



<configuration> 



<system.webServer> 



<requestFiltering> 



<fileExtensions allowUnlisted = "true"> 
<add fileExtension=".asa" allowed="false" /> 
<add fileExtension=". master" allowed = "false" 




/> 



</fileExtensions> 



</system.webServer> 



</configuration> 
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Fig. 1: L'interfaccia di configurazione dei directory browsing integrato in US 7.0. 

Oltre che sull'estensione, è possibile agire anche 
sul VERB HTTP utilizzato, negando, ad esempio, 
quello PUT, qualora non si utilizzi WebDav. 
Particolarmente interessante è invece la sezione 
hiddenSegments, perché nasconde del tutto le 
risorse specificate, generando un errore 404. 
Questa sezione è complementare a quella delle 
estensioni, poiché consente invece di agire sul 
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Fig. 2: Tutti i moduli, managed e nativi, installati di default in US 7.0. 
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resto della stringa corrispondente all'URL, facen- 
do risultare come non esistenti alcuni percorsi 
dedicati a file di sistema. 

<configuration> 
<system.webServer> 
<requestFiltering> 



vengono attacchi in maniera molto più semplice. 



<hiddenSegments> 



<add segment="web.config" /> 



<add segment="App_Data" /> 



</hiddenSegments> 



</system.webServer> 



</configuration> 

Nell'esempio si può notare come vengano pro- 
tetti il file web.config e la cartella /App_Data/, 
utilizzati il primo da ASP.NET ed US 7.0 per la 
configurazione, il secondo per il salvataggio di 
file applicativi (database Access, file XML o 
simili) di cui non si vuole consentire il down- 
load. Infine, molto importante la caratteristica 
di poter specificare all'interno di questo file, 
che è un documento XML, quindi manipolabi- 
le da un parser, anche gli IP a cui negare l'ac- 
cesso. In questo caso la sezione è ipSecurity e la 
sintassi è abbastanza chiara. Nell'esempio 
viene dato accesso a tutti gli IP, tranne quelli 
specificati. 



<system.webServer> 


<security> 


< ipSecurity allowUnlisted = "true"> 


<add ipAddress=' 


192.168.10.10" 

allowed = 


"false' 


/> 


<add ipAddress=' 


192.168.5.101" 

allowed = 


"false' 


/> 


</ipSecurity> 


</security> 


</system.webServer> 



La possibilità di copiare e sincronizzare questa 
sezione attraverso script apre scenari importanti, 
poiché consente di bloccare eventuali IP da cui prò- 



VERSIONI DI US 7.0 SU WINDOWS VISTA 



' 



US 7.0 sarà disponibile in 3 
versioni, a seconda del sistema 
operativo su cui andrà a girare. 
Come in passato, non sarà 
possibile fare l'upgrade di MS 
senza aggiornare il sistema 
operativo. A differenza del 
passato, anche sulle versioni non 
server sarà possibile creare quanti 
siti web si vuole. 
Ne saranno prive le versioni 



Starter e Home Basic, mentre con 
la versione Home Premium si avrà 
la limitazione di 3 connessioni 
contemporanee e con le versioni 
Business, Enterprise ed Ultimate il 
limite sarà portato al classico 10, 
già disponibile oggi per Windows 
XP. In ogni caso, non ci saranno 
differenze con la versione che 
sarà distribuita insieme a 
Windows Longhorn Server. 



J 



LA SICUREZZA CON 
GLI HTTPMODULE 

Dal punto di vista dell' estendibilità, gli svilup- 
patori ASP.NET già conoscono gli Http 
Module, il sistema attraverso il quale si può 
estendere la pipeline di richiesta e risposta 
praticamente all'infinito, aggiungendo o 
modificando le funzionalità di base offerte 
dall' engine. 

US 7.0 introduce la novità, molto importante, 
di offrire questa pipeline anche sulle richieste 
che non siano gestite da ASP.NET. Per fare 
questo, esistono due tipi di application pool, 
il classico di US 6.0, che usa solo moduli 
unmanaged, e l'integrated, che invece sfrutta 
gli HttpModule managed anche per gli altri 
tipi di risorse, integrando direttamente il sup- 
porto per il .NET Framework. 
Questa caratteristica consente di proteggere 
in maniera molto semplice le applicazioni, 
sfruttando le Membership API di ASP.NET 2.0. 
Una volta impostata, è poi possibile protegge- 
re tutte le risorse di un'applicazione all'inter- 
no di un application pool di tipo integrated 
sfruttandolo anche per risorse come PDF, 
Word o pagine ASP, piuttosto che PHP. 
Il tutto è possibile perché l'evento Authorize 
Request, che una volta era intercettabile solo 
per richieste a risorse ASP.NET, in questa par- 
ticolare modalità ora è scatenato direttamen- 
te da US, così che nella pratica possa essere 
sfruttato da qualsiasi tipo di risorsa. 
Da questo punto di vista, la creazione di un 
sistema di protezione personalizzato è ancora 
più semplice, dato che il sistema di autorizza- 
zione è facilmente estendibile proprio sfrut- 
tando gli HttpModule. 

ASP.NET ha introdotto il concetto di 
HttpModule sin dalla sua prima versione, 
dunque ciò che offre l'integrazione con US 7.0 
non è esattamente rivoluzionario in senso 
assoluto, quanto per la portata di queste fun- 
zionalità, che come detto ora non sono più 
limitate alle sole risorse managed. 
È così possibile estendere facilmente alcuni 
comportamenti di US, come la pagina offerta 
per la visualizzazione dei file presenti in una 
directory che non abbia pagina di default, 
piuttosto che l'aggiunta di un watermark sulle 
immagini. 

È necessario dunque creare un HttpModule, 
aggiungendo una classe che implementi l'in- 
terfaccia IHttpModule. Per farlo, è sufficiente 
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utilizzare Visual Studio 2005, anche Express 
(nelle varianti VB o C#, a seconda del linguag- 
gio scelto, perché Visual Web Developer non 
permette la creazioni di class library). 
Un HttpModule si contraddistingue per il fatto 
che ha un metodo Init, nel quale vanno regi- 
strati gli event handler associati agli eventi del- 
l'applicazione, ed uno Dispose, all'interno del 
quale vanno eventualmente scaricate le risorse 
unmanaged. Nel nostro caso, per creare una 
nuova pagina per il directory browsing che 
offra maggior sicurezza, è sufficiente registrar- 
si per l'evento BeginRequest, che come il 
nome suggerisce si verifica ad ogni richiesta di 
pagina, non appena questa comincia. 
Neil' event handler associato, andiamo poi a 
verificare che non esista su disco una pagina di 
default e nel caso, andiamo a scrivere sullo 
stream di risposta l'elenco dei file, con un po' 
di grafica associata. Il tutto è abbastanza sem- 
plice, fa uso di un po' di classi del namespace 
System. IO, ma può dare un risultato davvero 
interessante, oltre che estremamente persona- 
lizzato, come si può notare nella figura qui 
mostrata. In questo caso, ad esempio, è imple- 
mentato un semplice controllo che, sfruttando 
le Roles API di ASP.NET 2.0, mostra la pagina 
con l'elenco dei file solo agli utenti che appar- 
tengono al ruolo administrator, mantenendo la 
sicurezza sempre alta, perché l'utente normale 
non vedrà in dettaglio il contenuto della direc- 
tory, mentre un amministratore potrà visionar- 
la in tutta sicurezza. Eventualmente questa 
tecnica può essere applicata con successo e 
relativa facilità anche in altri ambiti (ad esem- 
pio per gli errori di tipo 500), per aumentare la 
sicurezza di tutte le funzionalità del web ser- 
ver, da un unico punto centralizzato. 



MUOVO MODELLO 
DI SICUREZZA 
DEI PROCESSI 

Da US 3.0 siamo stati abituati a convivere con 
l'utente IUSR_nomecomputer e con i proble- 
mi derivanti da un'errata configurazione dei 
permessi. 

In US 7.0 questo utente è stato rimosso, così 
come il gruppo WGPJIS, per far posto all'u- 
tente IUSR, che è disponibile direttamente 
all'interno del sistema operativo. Si tratta di 
un nuovo account con privilegi minimi, che è 
in grado di fare ben poche cose. 
Di default US 7.0 utilizza l'autenticazione 
anonima del processo, gira cioè con l'account 
specificato all'interno dell'application 
Hosting, config. 
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Fig. 3: II nostro DirectoryListingModule personalizzato in azione. 



<configuration> 



<system.webServer> 



ononymousAuthentication enabled = "true" 

userName="" defaultl_ogonDomain="" /> 



</system.webServer> 



</configuration> 

Ovviamente, così come nel caso di US 6.0, è pos- 
sibile modificare queste impostazioni anche 
sulla base di ogni singolo application pool. Il 
risultato è che diventa possibile sfruttare la sicu- 
rezza derivante dall'uso di questo utente con pri- 
vilegi minori, per far sì che eventuali attacchi ad 
un sito web non possano lanciare processi ester- 
ni, piuttosto che leggere nel registry o creare file 
in directory non consentite. 



CONCLUSIONI 

La sicurezza di US 6.0 è già a prova di bomba: lo 
garantisce il fatto che non ci sono state, pratica- 
mente, vulnerabilità di sicurezza note in questi 
anni. Il lavoro in tal senso, per quanto concerne 
US 7.0, è più che altro rivolto ad un consolida- 
mento di questa caratteristica, grazie all'uso di 
una forte componentizzazione ed all'integrazio- 
ne con il CLR del .NET Framework, che consente 
di plasmare a proprio piacere le funzionalità 
esposte, arrivando a poter modificare comporta- 
menti del web server che in passato non era pos- 
sibile toccare. Non ci resta che attendere l'uscita 
definitiva di Windows Vista per poter utilizzare 
tutte queste funzionalità, anche se già ora, nelle 
CTP e nella beta 2, è possibile toccarlo con mano. 

Daniele Bochicchio 
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JAVA ED ECLIPSE 
IN SETTE PASSI 

È POSSIBILE IMPARARE AD USARE ECLIPSE, IL MIGLIOR SISTEMA DI SVILUPPO JAVA, IN 
POCO PIÙ DI UN'ORA? NON PROPRIO. PERÒ SI POSSONO INIZIARE A FARE I PRIMI PASSI. 
LA PRIMA APPLICAZIONE COMPLETA CI ATTENDE- 




VI CD □ 

Xsl.zip 



WEB 



É 



jn 




REQUISITI 



■ hiii i ^m 

Basi di Java 

Una qualsiasi versione 
del runtime o delI'SDK 
di Java, Eclipse 3.2. 



EH 



Tempo di realizzazione 



Prima buona notizia: non dovete installare 
niente. Se il vostro sistema ha già un runtime 
di Java, o meglio ancora un Java SDK, vi basta 
scompattare il file ZIP di Eclipse nella root del disco, 
o da qualsiasi altra parte. Il risultato è una directory 
eclipse, che contiene un eseguibile eclipse.exe (perla 
versione Windows). Lanciatelo. Eclipse chiederà un 
workspace, la directory che contiene le impostazioni 
e il codice dei progetti. Qualsiasi directory vuota va 
bene. Se non esiste, Eclipse prowederà a crearla. 
Potete comunque cambiare workspace in qualsiasi 
momento, e anche averne più di uno. 
Subito dopo Eclipse presenta una schermata di 
benvenuto. Basta chiuderla, con un click sulla 
crocetta nel tab in alto a sinistra, per trovarsi di 
fronte all'IDE. All'inizio, l'unica prospettiva visi- 
bile è la Java Perspective (il box Dimmi quattro 
parole spiega gli elementi del workspace, pro- 
spettive comprese). 

Proviamo subito a creare un progetto: menu 
File->New->Project. Si aprirà un wizard. 
Selezionate Java Project e premete su Next. Date 
un nome al progetto (Zoo) e scegliete Create 
separate source and output folders sotto Project 
Layout. 



B~£f Zoo 



I fj Project... 



Open in New Window 
Open Type Hierarchy 



Copy 



Ctrl+C 
rtri+v 



fi? Interface 

(^Enum 



Così Eclipse userà due directory separate per il 
sorgente (cartella src) e per le classi compilate 
(cartella bin). Lasciate perdere le altre opzioni e 
cliccate su Finish. Vedrete il nuovo progetto nel 
Package Explorer, sulla sinistra dell' IDE. Per ora 
contiene solo la directory src, ancora vuota, e le 
librerie di Java. (Normalmente, Eclipse trova da 
sé la JVM del sistema e l'aggiunge al progetto. Se 
questo non dovesse succedere, se avete più di un 



runtime Java e volete scegliere quale usare, 
andate nel menu Window- >Preferences, selezio- 
nate Java e poi Installed JREs. Da qui potrete cer- 
care tutti i runtime di Java e selezionare quello 
preferito da usare di default). 
Per creare un package, aprite il menu contestua- 
le della directory src e scegliete New->Package . 
Date un nome al package: it.ioprogrammo.ecli- 
pse. Ora potete aprire il menu contestuale del 
package per crearci dentro una classe: New- 
>Class. Nella finestra New Java class, 
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chiamate la classe Muflone e controllate che il 
package sia it.ioprogrammo.eclipse. Selezionate 
anche l'opzione public static void main... per 
dire a Eclipse che la classe deve contenere un 
mainO vuoto. Premete Finish. 
Ora dovreste vedere la classe Muflone nel 
Package Explorer sotto it.ioprogrammo.eclipse, 
e il suo codice nell'editor. 
Guardate anche la vista Outline sulla destra: 
mostra tutti i metodi e i campi della classe sele- 
zionata. Per ora l'unico metodo è il main(), indi- 
cato con un pallino verde (perché è public) e una 
piccola "s" (perché è static). L' Outline diventa 
utile quando i metodi sono tanti, anche perché 
permette di filtrarli e ordinarli in base al nome e 
alla visibilità. 
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nostro progetto il Navigator mostra la directory 
src, che contiene i sorgenti, ma anche la direc- 
tory bin (invisibile sotto il Package Explorer) che 
contiene i file compilati. Invece non si vedono le 
librerie di Java, che fanno parte del progetto da 
un punto di vista logico ma non sono contenute 
nella directory I file che cominciano con un 
punto, come xlasspath e .project, sono file XML 
di configurazione. Eclipse li gestisce da sé, ma se 
vi sentite avventurosi o curiosi potete aprirli ed 
editarli a mano. 




NAVIGARE I FILE 

Esistono diverse configurazioni della finestra 
principale di Eclipse, chiamate prospettive (vedi 
box Dimmi quattro parole). La prospettiva di 
default è la Java Perspective. Le altre appaiono 
magicamente quando servono, oppure potete 
aprirle dal menu Window -> Open Perspective. 
Ad esempio c'è una prospettiva Debug, una pro- 
spettiva Resources per gestire i file delle risorse, 
eccetera. Per ora restiamo nella prospettiva Java. 
Il Package Explorer mostra i progetti e la loro 
struttura, non i file sul disco. Per vedere i file 
serve un'altra vista che si chiama Navigator. 
Questa vista è disponibile di default nella pro- 
spettiva Resources, ma a me piace aggiungerla 
anche alla prospettiva Java. Proviamo ad aprirla, 
selezionando Window- >Show View->Navigator 
dal menu principale. Il Navigator appare nella 
stessa posizione del Package Explorer, e si può 
passare dall'uno all'altro usando le tab. 



Packag,,. Hherarchy E 


- Navigator x ^ 
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Ù-fc- ©programmo 
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Se la posizione non vi piace potete spostarlo in 
giro, ma non fatevi troppi problemi: di solito il 
Navigator si usa in alternativa al Package 
Explorer, quindi non c'è un gran bisogno di aver- 
li insieme sullo schermo. Il Navigator, al contra- 
rio del Package Explorer, non "capisce" i proget- 
ti, ma solo il file system. Non contiene package e 
classi, ma directory e file. In pratica è una versio- 
ne integrata dell'Explorer di Windows che per- 
mette di fare operazioni sul file system (Renarne, 
Delete, eccetera) senza uscire da Eclipse. Nel 



LANCIARE 

UN PROGRAMMA 

Ora che abbiamo una classe con un main(), pos- 
siamo scrivere il nostro programma. Se non 
avete già il sorgente di Muflone nell'editor, apri- 
telo con un doppio click sulla classe nel Package 
Explorer. Nel main(), sostituite il commento 
piazzato da Eclipse con una versione del solito 
"Salve, Mondo" più orientata ai mufloni: 



public class Muflone { 


public static void main(String[] 


args) { 


System. out.println(' 


Muuuu!"); 




} 


} 



DIMMI QUATTRO PAROLE 



Workspace - Una directory sul 
disco rigido che contiene sia il 
codice dei progetti sia i file di 
configurazione. Dal punto di 
vista della GUI, un workspace 
occupa l'intera finestra principale 
di Eclipse. Per aprire un nuovo 
workspace si deve chiudere il 
workspace precedente, o lanciare 
un'altra istanza di Eclipse. 
Ciascun workspace contiene 
diverse prospettive. 

Prospettiva - Una configurazione 
della finestra principale di 
Eclipse mirata ad una particolare 
fase dello sviluppo, come la scrit- 
tura di nuovo codice, il debug- 
ging, o l'interazione con il siste- 
ma di versionamento. Si può 
cambiare rapidamente prospetti- 
va cliccando uno dei tasti in alto 
a destra. Una prospettiva contie- 
ne editors e viste. 

Vista - Un'area dell'interfaccia 
dedicata ad un compito specifico. 
L'output del programma, il brow- 
ser del disco, quello delle classi e 



i messaggi del compilatore sono 
tutti viste che possono essere 
spostate o impilate con il 
drag&drop. Ciascuna vista ha la 
sua piccola toolbar e i suoi menu. 
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Editor - Simile ad una vista, ma 
orientato all'inserimento di 
informazioni. Si possono aprire 
più editor dello stesso tipo con- 
temporaneamente sullo schermo, 
ad esempio per editare diversi 
file. Eclipse cerca sempre di apri- 
re l'editor adatto a ciascun tipo 
di file, e può essere facilmente 
esteso con nuovi editor (vedi box 
Un IDE fatto a pezzi). 
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SUL CD 



Borland Turbo C# 



IL COMPILATORE CHE TORNA! 

Borland ha segnato profondamente nel 
corso del tempo l'evolversi della pro- 
grammazione. Già agli inizi degli anni 
90, quando ancora buona parte del 
mondo programmava in modo procedu- 
rale, Borland era arrivata sul mercato 
con l'Object Turbo Pascal, primo esem- 
pio di linguaggio interamente ad 
oggetti dedicato alla produttività indi- 
viduale. Immediatamente dopo aveva 
fatto segnare l'ennesima rivoluzione 
del mercato della programmazione lan- 
ciando la moda degli IDE Rad, era la 



volta di Delphi. Nel corso del tempo, 
tuttavia aveva cambiato radicalmente 
strategia e si era dedicata ai prodotti 
ALM tralasciando quello che era il suo 
mercato storico di riferimento, ovvero 
quello degli IDE e compilatori dedicati 
alla produttività individuale. Oggi que- 
sta situazione è radicalmente cambiata. 
Borland ha appena fondato una società 
apposita per riprendere lo sviluppo dei 
suoi IDE, segno evidente di una volontà 
di reinvestire in questo settore. 
Directory: /Borland 




APACHE 2.2.3 

IL WEB SERVER 

CHE HA FATTO INTERNET 

Una colonna portante della rete. Non si 
contano i moduli disponibili per estender- 
ne le funzionalità. In questo numero di 
ioProgrammo lo utilizziamo in congiun- 
zione a SVN, 
Directory:/ Apache 

DOTNETNUKE 4.3.5 
STARTER KIT 

IL PORTALE "PRECOTTO" 
TARGATO .NET 

Un CMS completo e dotato di funzionalità 
realmente avanzate. In questo numero 
presentiamo uno "Starter Kit" ovvero un 
template per l'ambiente Visual Studio, che 
consente di installare il prodotto ma 
anche di estenderlo 
D i rectory :/ Apache 

OPEMLASZLO 3.3.3 

QUASI COME FLEX MA 
OPENSOURCE 

L'idea è semplice. C'è un file XML, l'utente 



richiama questo file per mezzo del brow- 
ser. Il compilatore sul server lo compila on 
the fly e restituisce all'utente una pagina 
flash. La tecnica è interessante perché 
consente di creare applicazioni WEB 2.0 
senza utilizzare AJAX 
Directory OpenLaszIo 

APACHE TOMCAT 
5.5.17 

PROGRAMMA IN JAVA PER IL WEB 

Chi vuole programmare in JSP non può 
esimersi dall'utilizzare questo Application 
Server. Leggero ma completo si tratta di 
uno dei server più diffusi per JSR In questo 
numero di ioProgrammo lo utilizziamo in 
congiunzione ad OpenLaszIo 
Directory:/ Tomcat 

ECLIPSE SDK 3.2 

L'AMBIENTE TUTTO FARE PER JAVA 

Nato con il supporto di IBM ma 
completamente OpenSource, nel tempo 
ha visto la partecipazione di quasi tutti i 
colossi dello sviluppo. Di default viene 
proposto come già configurato per essere 



utilizzato con Java, tuttavia a mezzo di 
plugin si può estendere per quasi ogni 
linguaggio. Directory:/ Eclipse 

SVN 1.4.0 

PER TENERE SOTTO CONTROLLO LE 
MODIFICHE 

Quante volte avete eseguito una modifica 
al vostro codice e poi avete desiderato tor- 
nare indietro? Ecco che in questi casi un 
software per il controllo di versione è indi- 
spensabile. Consente di tenere traccia con 
dei log di tutte le modifiche apportate al 
vostro progetto 
Directory:/ SVN 

JDK 1.5.0 UPDATE 8 

IL COMPILATORE PER JAVA 

Se siete dei programmatori Java non pote- 
te esimervi dal conoscere questo strumen- 
to. Contiene sia il compilatore ma anche 
tutte le classi necessarie e gli strumenti per 
programmare. 

Directory:/ jdk-1_5_0_08-windows-i586- 
p.exe 
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I TUOI APPUNTI 



Utilizza questo spazio 
per le tue annotazioni 



Poi salvate il file con il tasto che raffigura un 
floppy disk sulla toolbar di Eclipse (mi chiedo 
per quanto tempo ancora l'icona standard per i 
salvataggi resterà un floppy - ormai è un po' che 
non ne vedo uno vero). Potete anche usare il 
classico shortcut Ctrl+S sulla tastiera. 
Ora dobbiamo compilare il programma, vero? 
No. La filosofia di Eclipse è quella di risparmiar- 
ci le operazioni ripetitive, quindi la compilazio- 
ne viene eseguita automaticamente ogni volta 
che salviamo un file (se la cosa dovesse darci 
fastidio, per esempio se stiamo lavorando su un 
progetto molto grande, possiamo sempre disa- 
bilitare questa opzione selezionando Project - 
>Build automatically). Quindi possiamo far finta 
di avere un linguaggio interpretato, e lanciare 
direttamente il programma. Visto che in Java 
ogni classe che contiene un main() è un pro- 
gramma, possiamo selezionare Muflone nell'e- 
ditor o nel Package Explorer e scegliere Run as- 
>Java Application dal menu contestuale. 
L'output del programma apparirà sotto l'editor, 
nella vista Console. 



<terminated> Muflone [Java Application] C:\j 
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Se vogliamo lanciare il programma una seconda 
volta, non abbiamo bisogno di passare di nuovo 
attraverso i menu. Sulla toolbar c'è un comodo 
tasto verde con una freccetta che lancia l'ultimo 
programma lanciato in precedenza. Oppure 
possiamo usare lo shortcut da tastiera Ctrl+Fll. 



LE PROPRIETÀ 
DEL PROGETTO 

Il nostro progetto è stato creato con le imposta- 
zioni di default, ma possiamo sempre decidere di 
cambiarle. Selezionate il progetto nel Package 
Explorer e scegliete Properties dal menu conte- 
stuale (o dal menu Project di Eclipse). 
L'albero sulla sinistra divide le (molte) proprietà 
del progetto in categorie. Info mostra alcune 
informazioni generali, come il nome del proget- 
to o il tipo di codifica del testo. Builders contiene 
la lista dei "costruttori" del programma. Il builder 
predefinito è il Java Builder, che fa il minimo 
indispensabile: mette nella cartella di output le 
classi compilate e tutto ciò che non è un file sor- 
gente (se ad esempio provate ad aggiungere un 
file TXT alla directory src, il Java Builder lo 
copierà nell'output). Se il progetto richiede un 
processo di build più sofisticato, ad esempio per 
far girare dei test o fare il deploy remoto dell' ap- 



Ci e a te a Java project 

Create a Java project in the workspace or in an external location. 



£ 



Project name: |zoo 
Contente 



(• Create new project in workspace 

C Create project from existing source 

Directory : | C:\Documents and Setengs\admin\workspace\artJcoti Ero wse . , , 



(• Use default JRE {Currently 'j2sdkl.4.2_06') 


Confiaure JREs... 


C Use a project specific JRE: |~~ 



C Use project folder as root for sources and class files 



Configure default... 



plicazione, potete scrivere un file di Ant e usare 
l'Ant Builder di Eclipse al posto del Java Builder. 
Java Build Path è una categoria importante, e 
contiene quattro tab. Source stabilisce dove 
devono essere il sorgente e le classi compilate. Di 
solito il sorgente è tutto nella stessa directory, ma 
potete usarne più d'una per separare i test dal 
codice di produzione, o il codice generato da 
quello scritto a mano, eccetera. Di Libraries par- 
liamo nel box La biblioteca di Babele. Le altre 
due tab definiscono le dipendenze tra progetti. 
Ciascun progetto in un workspace può usare altri 
progetti (Projects) e può a sua volta essere usato, 
in tutto o in parte, da qualcun altro (Orders and 
Export). 

Le altre categorie permettono di configurare 
centinaia di opzioni, tra cui la formattazione 
del sorgente e le impostazioni del compilatore. 
Molte tra queste impostazioni possono anche 
essere definite globalmente per l'intero work- 
space. Quindi in Eclipse esistono due livelli di 
configurazione: uno per il workspace e l'altro 
per i singoli progetti. Ciascun progetto eredita 
la gran parte dei propri parametri dal workspa- 
ce, e può sovrascriverli se ha esigenze particola- 
ri. Nel prossimo passo troveremo una scusa per 
vedere come si cambiano le impostazioni del 
workspace. 



CERCARE 

LE INFORMAZIONI 

In un sistema complesso come Eclipse, ci sono 
sempre un sacco di informazioni. La gran parte 
dei progetti includono le API di Java, che hanno 
ormai superato le tremila classi, e probabilmen- 
te altre centinaia o migliaia di classi di libreria 
(vedi box: La biblioteca di Babele). Un grande 
progetto può avere centinaia di migliaia o anche 
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milioni di righe di codice. Persino la configura- 
zione dello stesso Eclipse contiene centinaia di 
possibili parametri. Senza un sistema di ricerca 
efficiente, lavorare con tanta roba sarebbe un 
incubo. 

Poniamo di voler cercare una classe o un'inter- 
faccia. Il nostro progetto contiene una sola clas- 
se, ma include anche tutte le librerie di Java. 
Poniamo di aver bisogno della classe 
java.util.LinkedList, e facciamo un piccolo espe- 
rimento: è possibile trovarla e aprirla in meno di 
tre secondi? Premiamo Ctrl+Shift+T, e apparirà 
la finestra Open Type. Basta scrivere alcune let- 
tere del nome della classe nella casella di testo, 
e la lista di tipi sottostante mostra subito la clas- 
se che ci serve, e che possiamo aprire con un 
doppio click. La lista delle classi è abbastanza 
intelligente per mostrare in cima le classi che 



Select a type to open (? = 
| linkej 
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any character, x = any String, TZ = TìmeZone): 



C| LinkedHashlterator - java.util.LinkedHashMap 
LinkedHashMap 
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abbiamo già aperto di recente. Si possono anche 
usare "wildcards" (come il classico asterisco che 
significa "qualsiasi stringa") e abbreviazioni 
("LL" per "LinkedList"). Con un po' di pratica, si 
trova subito qualsiasi classe o interfaccia anche 
in un progetto enorme. E' vero, questa volta ci 
abbiamo messo più di tre secondi, ma con un 
po' di allineamento atletico potete arrivare a 
due secondi o poco più. 

Cosa è successo, quando avete fatto doppio 
click sulla classe? Si è aperto il sorgente, oppure 
un mesto annuncio che dice che Eclipse non ha 
trovato il file .java? La cosa dipende dal fatto che 
la JVM di default del sistema includa o meno il 
file src.zip. Se questo file esiste, Eclipse è abba- 
stanza furbo da andarci a guardare dentro per 
trovare i sorgenti delle API di Java. L'SDK di Java 
include i sorgenti, il Java Runtime no. 
Ma, a proposito, come si fa a dire ad Eclipse 
quale JVM usare se ne abbiamo installata più di 
una? Proviamo a cercare questa opzione nella 
configurazione del programma, così potremo 
sperimentare la ricerca anche in quel campo (se 
siete stati sfortunati, avete già dovuto occuparvi 
di questa configurazione al Passo 1). 
Dal menu Window scegliete Preferences. Si 
aprirà la finestra delle opzioni del workspace 



(ricordate che molte di queste possono essere 
"riconfigurate" per ciascun progetto). 
Questa finestra contiene talmente tanta roba 
che ci vorrebbe molto tempo per trovare le 
opzioni più esoteriche, se non fosse per la 
combo in alto a sinistra. Provate a scriverci den- 
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tro "jre", ed ecco che magicamente l'albero delle 
opzioni si riduce a quello che ci serve. La fun- 
zionalità trova qualsiasi testo nella finestra, 
anche quello delle label. Provate a cercare nello 
stesso modo la configurazione della sintassi 
colorata, o quella dei warning del compilatore. 
Il "quick search" dinamico è una bellissima cosa. 
Ma a volte fa comodo una ricerca più tradizio- 
nale, ad esempio quando si vuol cercare una 
particolare stringa in un file di sorgente. Il menu 
Search->Search mostra tutte le opzioni di ricer- 
ca che vi possono venire in mente, e probabil- 
mente qualcuna in più. Anche in questo caso il 
sistema supporta le wildcard (e anche le regular 
expression, per chi vuole fare delle ricerche di 
testo sofisticate). 



NAVIGARE LE CLASSI 

Il browser delle classi è un componente essen- 
ziale degli IDE per i linguaggi object-oriented. In 
Eclipse il browser delle classi è la vista 
Hierarchy. Se non l'avete spostato, è sulla sini- 
stra insieme al Package Explorer. 
Per prima cosa ci serve una gerarchia di classi da 
esplorare. Selezionate il package it.ioprogram- 
mo.eclipse nel Package Explorer e scegliete 
New->Class dal menu contestuale. Chiamate la 
classe Tapiro, ma aspettate a cliccare su Finish. 
Il campo Superclass contiene la superclasse di 
default java.lang.Object, mentre noi vogliamo 
che Tapiro sia una sottoclasse di Muflone (che il 
tapiro derivi dal muflone è un fatto ancora igno- 
to alla biologia, ma un mio imminente articolo 
sulla Wikipedia fugherà ogni dubbio circa que- 
sta verità dell'evoluzione). Cliccate sul tasto 
Browse accanto al campo Superclass per far 
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apparire una finestra di ricerca delle classi, e 
usatela nel solito modo per trovare Muflone. 
Ora potete creare la classe. Ovviamente avrem- 
mo potuto creare una classe che eredita da 
Object e poi aggiungere la derivazione a mano 
nel codice; ma in generale conviene usare gli 
strumenti automatici di Eclipse, che riservano 
molte piacevoli sorprese. Ad esempio, se 
Muflone fosse una classe che contiene metodi 
astratti, Eclipse aggiungerebbe automatica- 
mente gli "stub" dei metodi nella nuova sotto- 
classe. Provare per credere. 
Ora abbiamo una classe madre Muflone e una 
classe figlia Tapiro. Selezionate Tapiro nell'edi- 
tor o nel Package Explorer e scegliete Open 
Type Hierarchy dal menu contestuale (lo short- 
cut da tastiera è F4 - conviene impararlo, per- 
ché lo si usa in continuazione). La vista 
Hierarchy passerà automaticamente in primo 
piano per mostrare l'albero genealogico di 
Tapiro. La parte inferiore della Hierarchy fun- 
ziona quasi esattamente come la vista Outline. 
I tre piccoli tasti in cima alla vista permettono 
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Tapiro, working set: Window Working Set 
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di selezionare gli antenati della classe, i discen- 
denti, o entrambi. Ora metteremo a dura prova 
il povero Eclipse. Selezionate Object, premete 
F4 e andate a farvi un panino. Al vostro ritorno 
vedrete l'intero albero di derivazione di Object 
- cioè tutto l'albero delle classi delle librerie 
Java (se usate un computer vecchiotto, potre- 
ste anche avere il tempo di finire il panino). È 
un buon momento per esplorare le API. 
Provate a selezionare la classe 
AbstractCollection e premere F4, e la vista si 
concentrerà su questa classe. Appariranno i 
discendenti di Abstract Collection, e anche la 
sua superclasse Object. Se volete vedere anche 
le interfacce implementate da 

AbstractCollection, premete il tasto Show the 



Supertype Hierarchy. Il punto di vista si inver- 
te, e appare un albero dove la radice è 
AbstractCollection, e i discendenti sono tutti i 
suoi supertipi (la superclasse e le interfacce). 
Tornate alla vista dell'intero albero o a quello 
dei soli discendenti, ed esplorate i supertipi di 
AbstractSet per vedere una zona dove, tra clas- 
si e interfacce, la gerarchia diventa più compli- 
cata. 
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USARE I WORKING SET 

In un progetto che contiene centinaia di classi, 
il Package Explorer può diventare affollato. 
Eclipse ha uno strumento fatto apposta per 
concentrarsi su "pezzi" di progetto: i working 
set. Un working set è un sottoinsieme dello spa- 
zio di lavoro. A destra della piccola toolbar pri- 
vata del Package Explorer c'è una freccetta che 
punta verso il basso. Questa freccetta contiene 
un menu con un po' di operazioni aggiuntive, 
tra cui Select Working Set. Sceglietela, e appa- 
rirà la finestra dei working set. Premete su New 
per creare un nuovo working set. Scegliete Java 
(ci sono diversi tipi di working set) e poi Next. 
Date un nome al working set, come ad esempio 
"animali con le corna", e scegliete solo le classi 
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su cui volete lavorare (Muflone). Poi cliccate su 
Finish, selezionate il working set che avete appe- 
na creato e premete OK. Ora nel Package 
Explorer apparirà solo la classe Muflone. Tutto il 
resto è ancora nel progetto, naturalmente, ma 
non si vede. In questo caso non abbiamo avuto 
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grandi vantaggi - ma se vogliamo lavorare su un 
paio di package in un progetto che ne include 
dozzine, questa funzionalità diventa utile a 
"ripulire" le viste. Anche perché Eclipse ha già 
aggiunto il working set "animali con le corna" 
appare nel menu del Package Explorer, e selezio- 
narlo è questione di secondi. Quando volete tor- 
nare a vedere tutto il progetto, selezionate il 
working set di default (Window Working Set). 



LA BIBLIOTECA 
DI BABELE 

Se c'è una cosa buona di Java, è che un sacco di 
cose sono già state fatte. Oltre alle sterminate 
(ma a volte curiosamente manchevoli) API del 
linguaggio, si trovano in giro librerie open sour- 
ce che fanno quasi tutto. Ciascuna di queste 
librerie dipende di solito da altre librerie, e alla 
fine qualsiasi progetto Java di medie dimensioni 
finisce per includere dozzine di file JAR. Vediamo 
come aggiungere questi JAR ad Eclipse. 
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1 Andate nel Navigator, selezionate la root del 
progetto e scegliete New->Folder dal menu 
contestuale per creare una nuova cartella per le 
librerie. Noi l'abbiamo chiamata lib. 
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2 Usando il drag&drop, copiate la libreria nella 
cartella lib. Nel nostro caso abbiamo deciso di 
usare commons-math-l.l.jar, una di quelle librerie 
di Apache che sono un po' come il prezzemolo. 



Choose Jar archives to be added to the buìld path 
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3 Dal menu contestuale del progetto o dal 
menu Project scegliete Properties, e cercate 
la sezione Java Build Path. Cliccate su Add Jars e 
vedrete i file JAR contenuti nel progetto (è anche 
possibile aggiungere librerie che non risiedono 
nella cartella del progetto). Aggiungete com- 
mons-math-l.l.jar. 
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4 Andate nel Package Explorer e vedrete la 
libreria. Tutte le sue classi sono disponibili 
nel progetto, né più né meno delle classi delle 
API di Java, o di quelle scritte da noi. 

Paolo Perrotta 
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SVILUPPARE 
CON DARWIN 



IN NATURA LE SPECIE SI ADATTANO ALL'AMBIENTE CIRCOSTANTE IMPARANDO DALLE 
PROPRIE ESPERIENZA. PERCHÈ NON FARE LO STESSO CON IL SOFTWARE? PARLEREMO DI 
ALGORITMI EVOLUTIVI, OVVERO DI APPLICAZIONI CHE "MATURANO" NEL TEMPO 




OLa programmazione genetica si colloca nel 
più vasto campo degli algoritmi evolutivi 
o calcolo evolutivo. Sotto la sigla algoritmi 
evolutivi si riconoscono una serie di tecniche : 
appunto la programmazione genetica, gli algo- 
ritmi genetici, le strategie evolutive, la pro- 
grammazione evolutiva e i sistemi classificato- 
ri. Tutte si basano sulla biologia che descrive il 
meccanismo dell'evoluzione, siano esse parti- 
celle facenti parte di più ampie aggregazioni 
come insiemi di cellule o siano semplici popo- 
lazioni come formiche. Il processo evolutivo di 
un "individuo" è scandito da importanti stadi 
comuni a tutte le tecniche citate. Si tratta della 
selezione, mutazione e riproduzione-, in linea 
con la teoria evolutiva darwiniana. Il processo 
di selezione dipende dalle prestazioni cono- 
sciute anche come fitness che gli individui ga- 
rantiscono e che hanno sviluppato vivendo in quel 
determinato ambiente. Una popolazione si svi- 
luppa in funzione di regole di selezione e ope- 
ratori genetici, che esprimono la ricombina- 
zione e la mutazione. La riproduzione si con- 
centra su individui con elevate misure di fit- 
ness. Queste semplici regole, che sono molto 
vicine alla reale biologia che descrive l'evolu- 
zione naturale, sono sufficienti a descrivere 
complesse realtà, e si sono dimostrate ottimi 
modelli di simulazione. 

In pseudocodifica possiamo vedere come si può 
descrivere un generico algoritmo evolutivo. Si con- 
sidera un sistema discreto per il quale il tempo 
evolve di singole unità. Ad ogni istante di tem- 



LA STORIA DEGLI ALGORITMI EVOLUTIVI 




Le fondamenta storiche circa gli 
algoritmi evolutivi si devono a John 
Holland. Egli applicò i suoi studi ai 
sistemi biologi e artificiali. Un 
importante teorema che costituisce 
la base della teoria dimostra sotto 



determinate ipotesi che individui 
con alti valori di fitness tendono a 
crescere in modo esponenziale 
grazie al meccanismo dell'incrocio. 
Così si può raggiungere una 
soluzione ottimale. 



pò vengono ripetute le funzioni proprie del mo- 
dello evolutivo. 

// si parte fissando una variabile tempo 

t=0 

// si individua una popolazione iniziale (ad esempio in 

modo random) 
initpopulation(P,t) 
// Si valuta il fitness di tutti gli individui della 

popolazione 

evaluate(P,t) 

// ciclo per la valutazione continua della popolazione 
// come criterio di terminazione si può considerare il 

tempo o il fitness 
while not fatto do 
{ //Incrementa il tempo 

t = t +1 

//Selezione della sottopopolazione per la 

produzione della prole 
Ps=selectparents(P,t) 
//ricombinazione dei geni della popolazione 



selezionata 



Ps=recombine(Ps,t) 



//Perturbazione stocastica della popolazione ■ 



mutazione 



Ps=mutate(Ps,t) 



//Valuta un nuovo fitness 



evaluate(Ps,t) 



//Selezione dei sopravvissuti dal processo 

di fitness 



P=survive(Ps,t) 



} 



La funzione selectionparent seleziona gli individui 
più promettenti in base alla precedente {eva- 
luate) valutazione del fitness dei singoli. In par- 
ticolare, si calcolano le misure di fitness e si or- 
dinano in modo da poter selezionare un con- 
gruo numero di individui che assicurano una 
più "selezionata" popolazione, ovvero che ab- 
biano migliori parametri in termini di fitness. 
Siamo molto vicini alla teoria ev olutiva, stia- 
mo prendendo spunto dalla natura. 
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ALGORITMI GENETICI 

Un algoritmo genetico è un modello di ap- 
prendimento automatico - "learning machine" 
che deriva dal comportamento di alcuni dei 
meccanismi che descrivono l'evoluzione in na- 
tura. La popolazione di individui è qui rappre- 
sentata come cromosomi, in pratica un insie- 
me di caratteri analoghi ai cromosomi base 4 
presenti nel DNA. 

Quindi gli individui nella popolazione simula- 
no un processo di evoluzione. Uno dei campi 
in cui sono applicati gli algoritmi genetici è F ot- 
timizzazione, dove le stringhe di caratteri del 
cromosoma indicano il valore di differenti pa- 
rametri di ottimizzazione. Buoni risultati si so- 
no ottenuti anche in problemi classici, in par- 
ticolare laddove la funzione obiettivo era di- 
scontinua o fortemente non lineare. In sostan- 
za gli algoritmi genetici sono un sottoinsieme 
degli evolutivi, ma per essi l'individuo è rap- 
presentato come set di cromosomi. Entriamo 
nei dettagli di funzionamento di un algoritmo ge- 
netico. La struttura intorno alla quale ruota Fin- 
terò metodo è una stringa detta gene che de- 
scrive la sequenza di cromosomi. Una funzione 
restituirà una sorta di valore del gene, è il già 
citato fitness. Come descritto in precedenza l'o- 
biettivo dell'algoritmo è modificare nel tempo 
la popolazione dei geni in modo da migliorar- 
la di continuo. 

Un elemento fondamentale di differenziazio- 
ne rispetto al calcolo evolutivo è la fase di ri- 
produzione che qui avviene come combina- 
zione delle due fasi di mutazione dei genitori e 
di conseguente incrocio dei geni (conosciuto 
comecrossover). 

Il crossover che deriva dalla sintesi delle due 
parole "crossing over" è il modo in cui vengo- 
no combinati tra loro i geni dei due genitori per 
la produzione di geni figlio. Esistono molti mo- 
di per simulare tale "mescolamento". Modelli 
sofisticati sono in grado di tenere conto di mol- 
te delle informazioni contenute nella lunga ca- 
tena cromosomica. Ad ogni modo, per inten- 
derci e capire come può essere simulata tale fa- 
se, possiamo esaminare il basilare metodo di 
"single point crossover". 

Con tale tecnica le due catene vengono taglia- 
te alla stessa lunghezza formando cosi entram- 
be due tronchi: una testa ed una coda. Si tratta 
a questo punto di produrre il nuovo gene con i 
pezzi risultanti dal troncamento. Quindi con la 
testa di uno dei due geni e la coda dell'altro. La 
mutazione, come ci ricordano gli studi di scien- 
ze, consiste nella modificazione di alcuni dei 
geni della sequenza. L'evoluzione avviene ap- 
punto andando a selezionare le mutazioni che 
producono un maggiore fitness. Nell'imple- 



mentare eventuali algoritmi bisogna quindi de- 
scrivere i geni come array e applicare ad essi le 
varie fasi descritte. 



DALLA PROGRAMMAZIONE 
EVOLUTIVA Al SISTEMI 
CLASSIFICATORI 

Diamo cenno delle altre tecniche di calcolo evo- 
lutivo. La programmazione evolutiva introdot- 
ta da Lawrence J. Fogel, è una strategia di otti- 
mizzazione stocastica simile agli algoritmi ge- 
netici. Viene però qui enfatizzato, anziché il 
comportamento della fase riproduttiva tra ge- 
nitori e figli, l'analisi della crescita della popo- 
lazione in funzione degli operatori genetici ap- 
plicati. La strategia evolutiva è molto simile al- 
la precedente, punta comunque l'interesse al 
raggiungimento degli obiettivi in termini di evo- 
luzione della popolazione osservata come ina- 
erò processo, ma questa volta come conseguenza 
di mutazioni che avvengono in modo casuale 
e delle conseguenti selezioni. Tale teoria è sta- 
ta introdotta da tre studenti dell'università di 
Berlino, oggi professori, I. Rechenberg, a H.P. 
Schwefel e E Bienert. Il nome sistema classificatore 
è stato il primo nome dato dal capostipite J. Hol- 
land alla teoria. Oggi si intendono modelli di 
apprendimento che non hanno componenti 
evolutive. Quindi un sistema classificatore par- 
tendo da zero genera casualmente una popo- 
lazione, successivamente il sistema impara a 
mutare per induzione. Cosi la popolazione si 
sviluppa e "impara" a reagire ad eventuali cam- 
biamenti dell'ambiente. Un sostanziale contri- 
buto alla teoria è stato dato dall'italiano Mar- 
co Dorigo. 



PROGRAMMAZIONE 
GENETICA 

La programmazione genetica o GP è stata svi- 
luppata fondamentalmente da J. Koza. Si tratta 
di un metodo per la generazione automatica di 
programmi capaci di implementare un prede- 
terminato compito. Si fonda, come gli altri me- 
todi, sulla selezione naturale descritta dalla teo- 
ria evolutiva di Darwin, in modo da realizzare pro- 
grammi che siano sempre più efficienti. Così, 
una sua applicazione altera il codice sorgente del 
programma; insomma è un algoritmo evoluti- 
vo per il quale la popolazione è il programma 
e il gene, ossia la stringa di lunghezza costan- 
te, diventa un programma rappresentato da una 
struttura ad albero. In questo ambito non si pre- 
senta alcuna mutazione ma solo riproduzioni. 
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Un modo per rappresentare un programma ge- 
netico fa uso di alberi, come mostrato in figura 
1 dall'esempio che lo stesso Koza ha proposto. 

L'equivalente espressione Lisp della funzione 
è: (+12(IF(>TIME10)3 4)). 
Va sottolineata la presenza di una chiara strut- 
tura gerarchica che ha sostituito la piatta strin- 
ga gene, presente negli algoritmi genetici. In fi- 
gura 1 per chiarezza si è riportato un semplice 
esempio che moltissimi linguaggi di program- 
mazione ad alto livello sono già in grado di im- 
plementare. Si parte da un albero iniziale che 
verrà manipolato attraverso gli operatori gene- 
tici, come il crossover e la riproduzione, ad ogni 
iterazione del ciclo fino ad arrivare ad un pro- 
gramma completo e funzionante. Vi è una di- 
stinzione tra insiemi da trattare. Un primo insieme 




Fig. 1: "Una semplice struttura ad albero che esprime 
una funzione" 



T contiene i terminali, un secondo F le funzio- 
ni. {1, 2, 3, 4, 10, TIME} è sottoinsieme di T; {+, 
>, IF} è sottoinsieme di E I terminali contengo- 
no quindi variabili o costanti. Per costruire Tal- 



PRODUZIONI DELLA PROGRAMMAZIONE GENETICA 



Inizialmente, come lo stesso 
Koza fece, si preferiva sviluppare 
programmi per GP in linguaggi 
come il lisp organizzato in 
strutture ad albero. 
Successivamente, si sono 
utilizzati anche i linguaggi 
imperativi e conseguenti 
rappresentazioni lineari. Alcuni 



tra i più importanti programmi 
di GP sono cosi prodotti. Esempi 
sono: il software commerciale 
"Discipulus" utilizzato in molti 
campi da quello commerciale a 
quello medico; e "MicroGP" che 
usa la programmazione genetica 
lineare per generare programmi 
in codice assembly. 



bero si opera una intersezione tra i due insie- 
mi facendo accortezza a considerare come fo- 
glie gli elementi appartenenti a T. I quattro ope- 
ratori genetici maggiormente usati sono: cros- 
sover, riproduzione, mutazione e inversione o per- 
mutazione. L'effetto del crossover è chiaramente 
descritto nella figura 2. 

Si scelgono due sottoalberi dai due genitori, 
estraendo casualmente due nodi. I due alberi 
prodotti come figli si ottengono unendo i sot- 
toalberi prima estratti. Tale procedimento at- 
tua anche la riproduzione visto che si generano 
due nuovi programmi. Va sottolineata la diver- 
sità che viene così garantita. L'eventuale ripro- 
duzione "incestuosa" di uno stesso individuo 
con se stesso, ossia due identici alberi posti a 
crossover, produce generalmente diversi figli. 
Ma, mentre le operazioni di riproduzione darwi- 
niana portano alla convergenza; nella pro- 
grammazione genetica le operazioni di crosso- 
ver esercitano un contributo contrario alla con- 
vergenza. La mutazione, che dovrebbe garan- 
tire diversità alla popolazione nella program- 
mazione genetica, così come proposta da Ko- 
za, si attua grazie all' applicazione delle opera- 
zioni di crossover. Così, la mutazione non è al- 
tro che una variazione sulle operazioni di cros- 
sover. L'inversione, ossia la permutazione di al- 
cuni "pezzi" anche se proposta da Koza non è 
mai stata effettivamente utilizzata. Nella ripro- 
duzione si ha il compito di selezionare tra i figli 
prodotti. Per farlo si usano le funzioni che re- 
stituiscono il fitness, ossia una valutazione del- 
la "bontà" del programma prodotto. In genera- 
le, anche per gli algoritmi genetici, la valuta- 
zione del fitness è un argomento con molti pun- 
ti interrogativi. 

Esistono principalmente due modi per attuare 
tale selezione: scegliere l'individuo che ha la 
più alta misura in funzione della riproduzione, 
il che potrebbe essere tradotto in "solo i più for- 
ti sopravvivono"; oppure scegliere l'individuo 
con un più ricco contenuto genetico in modo 
che sia favorita la diversità. Ad ogni modo la 
scelta della funzione del fitness è soggettiva e 
dipende anche dall'ambito di applicazione. Ad 
esempio si potrebbe includere la profondità 
dell'albero come potenziale qualità che si desidera 
controllare e sviluppare quindi una funzione 
di fitness che ne tenga conto. 



IMPLEMENTAZIONE 

Il linguaggio naturale per l'implementazione 
della programmazione genetica è il Lisp, per la 
sua struttura ad albero. Anche altri linguaggi 
possono essere usati con successo. Attenendo- 
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Fig. 2: "Effetto dell'operazione di ctossovet. Dai due genitori vengono prodotti due figli" 



ci alle nostre abitudini sviluppiamo usando il 
C++. Sviluppare l'intero progetto non è affatto 
una passeggiata, appelliamoci quindi alla me- 
todologia top down. Dividiamo il lavoro in tre mo- 
duli: 

1. Definizione degli operatori disponibili dagli 
alberi del programma; 

2. Definizione delle classi e delle operazioni 
che compongono gli alberi del programma; 

3. Sviluppo del meccanismo per la produzione 
della popolazione di alberi di programmi; si 
includono in questa fase le funzioni di ri- 
produzione 

Il primo modulo dipende dal tipo di applica- 
zione che si sta sviluppando e va quindi pro- 
gettato e sviluppato ogni qual volta si intende pro- 
durre una nuova applicazione. Gli altri due mo- 
duli non necessitano di cambiamenti. 
Progettiamo la struttura dati. Si implementano 
due tipi di operatori, uno binario e l'altro una- 
rio. Ecco i tipi che li descrivono. 



typedef struct Binary_Func { 


Val (*eval)(Val,Val); 


// la funzione 


puntatore 


char *sign; 


// operatore infisso 


sign 


}; 





typedef struct Unary_Func { 


Val (*eval)(Val); 


// la funzione 


puntatore 


char *sign; 


// operatore prefisso 


sign 


}; 



vai può cambiare in funzione del problema da ri- 
solvere. *sign è una stringa usata per poter visualizzare 
gli alberi di programma in modo leggibile. La strin- 
ga è tra i due operatori per le funzioni binarie, men- 
tre è prefissa per gli operatori unari. Sviluppiamo 
adesso a titolo di esempio alcune operazioni ele- 
mentari come la somma e il valore assoluto. Ecco 
il codice 

// funzione per la somma di due valori 

Val add(Val a, Val b) 

{ 

return (a+b); 

} 

// il carattere sign per la somma 

char add_sign[] = " + "; 

// la rappresentazione binaria della funzione 

Binary_Func Add = {add, add_sign>; 

// funzione valore assoluto 
Val abs(Val a) 



http://www.ioprogrammo.it 



Novembre 2006/ 113 ► 



SOLUZIONI T ■ Algoritmi Evolutivi 




{ 








if (a < (Val)O) 








return (-a); 








else 








return a; 








} 








char abs_sign[] = 


"ABS" 






Unary_Func Abs = 


{abs, 


abs_ 


_sign>; 



La struttura delle variabili contiene un puntatore 
al tipo vai, e una stringa utili alla stampa. Le va- 
riabili vere e proprie sono definite nel modulo 
applicativo. 



// struttura delle variabil 


(usata per variabili 


// terminali). 






// si consente così 


la stampa 


typedef struct Variable { 




Val *var; 




// puntatore al valore 
// della variabile 


char *name; 




// nome della variabile 


}; 







Gli alberi del programma sono costituiti da no- 
di. Essi fanno riferimento ad un nodo radice 
(root). Si definisce node come classe virtuale. 
Ecco il codice: 



// base class for the 4 types of nodes 


class Node { 




protected: 




Node *parent; 


// nodo padre 


int n_children; 


// numero di nodi figlio 


int n_valid; 


// flag di validità 


public: 




Node(void); 


// construttore 


~Node(void); 


// distruttore: resetterà 




il puntatore di 




// questo nodo 




del padre 


int type; 


// indica il tipo di nodo 


void invalidate. 


_count(void); // chiamato quando 



ARTICOLI CORRELATI 



Nel corso degli anni ho affrontato 
una serie di argomenti che 
gravitano intorno allo stimolante 
mondo della programmazione 
genetica. Con la firma Fabio 
Grimaldi sono stati sviluppati nella 
sezione di soluzione i seguenti 



articoli: Il gioco della vita - n. 
34; Lunga vita al serpente - n.41; Il 
serpente ha ancora fame - n.42; 
Automi cellulari unidimensionali - 
n. 53; Modelli di contagio con 
automi cellulari - n.54; Un automa 
cellulare doppio - n.55. 





il numero di figli di questo 




// nodo è 




cambiato 


virtual Val value(void) = 


0; // Per assegnare valori 




a questo nodo 


virtual int count(void) = 


0; // restituisce il 




numero di figli 


virtual Node *find(int) = 


0; // usata per restituire 




un particolare nodo 


virtual char *print(void) 


= 0; // visualizza 


l'espressione sottoalbero come una stringa 


// resettta il nodo padre 




void set_parent(Node *n 


) {parent = n;}; 


// accede al nodo padre 




Node *get_parent(void) {return parent;}; 

}; 



Anche se il codice è commentato esaminiamo al- 
cuni aspetti. Sparente il puntatore al nodo ge- 
nitore del nodo puntatore corrente (this). I due 
membri protetti njchildren e n _valid indacono 
rispettivamente il numero di figli (ossia un sot- 
toalbero) e un flag che innesca, quando neces- 
sario, una ricomputazione. Entrambi non pos- 
sono essere qui usati, ma solo per classi deri- 
vate. La funzione invalidate _count viene ri- 
chiamata quando cambiano il numero di figli, 
solitamente in seguito ad operazioni di crosso - 
ver o riproduzione, tale informazione è resa di- 
sponibile da n_valid. Con value() si valuta un 
nodo a partire dai suoi figli. Per valutare l'inte- 
ro albero è necessario sottoporre la funzione 
alla radice. Il membro findQ trova un figlio nel- 
l'albero mentre printQ visualizza ricorsivamente 
il sottoalbero specificato. 



CONCLUSIONI 

La realizzazione del progetto prevede altri im- 
portanti passi che ci riserviamo di esaminare 
nel prossimo appuntamento. Si tratta di svi- 
luppare della sottoclassi di nodo per l'imple- 
mentazioni di funzioni non terminali, quindi 
le operazioni unarie e binarie. 
Poi va costruita l'importante classe popolazio- 
ne che contiene le funzionalità necessarie per crea- 
re un gruppo di alberi, assegnare fitness, sele- 
zionare i membri per la riproduzione e creare 
nuove generazioni usando il crossover. Insom- 
ma ci sono ancora importanti passi per con- 
cludere il progetto che sveleranno nuovi segre- 
ti e apriranno nuove interessanti finestre sulla 
programmazione genetica. Alla fine saremo in 
grado di creare programmi autoapprendenti 
che si basano sulle teorie evolutive 

Fabio Grimaldi 



► 114 /Novembre 2006 



http://www.ioprogrammo.it 



